.display {
    height: auto;
    width: auto;
    text-align: left;
    
    display: inline;
    font-size: 25px;
    font-weight: 200;
    line-height: 22px;
    border-bottom: 3px solid #bb86fc;
}

.form-header {
    text-align: center;
    margin-bottom: 4rem;
}

form {
    margin: 15px auto;
    color: #000;
}


/*
-------------------
   Footer Form
--------------------
*/

.form-style-6 {
    font: 95% Arial, Helvetica, sans-serif;
    max-width: 400px;
    margin: 10px auto;
    padding: 16px;
    border-radius: 2px;
}

.form-style-6 h1 {
    background: #bb86fc;
    font-size: 140%;
    font-weight: 300;
    text-align: center;
    color: #fff;
    margin: -16px -16px 16px -16px;
}

.form-style-6 input[type="text"],
.form-style-6 input[type="date"],
.form-style-6 input[type="datetime"],
.form-style-6 input[type="email"],
.form-style-6 input[type="number"],
.form-style-6 input[type="search"],
.form-style-6 input[type="time"],
.form-style-6 input[type="url"],
.form-style-6 textarea,
.form-style-6 select {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    background: transparent;
    margin-bottom: 4%;
    border: #000;
    border-bottom: 2px solid #bb86fc;
    padding: 3%;
    color: rgb(107, 105, 105);
    font: 95% Arial, Helvetica, sans-serif;
    border-radius: 2px;
}

.form-style-6 input[type="text"]:focus,
.form-style-6 input[type="date"]:focus,
.form-style-6 input[type="datetime"]:focus,
.form-style-6 input[type="email"]:focus,
.form-style-6 input[type="number"]:focus,
.form-style-6 input[type="search"]:focus,
.form-style-6 input[type="time"]:focus,
.form-style-6 input[type="url"]:focus,
.form-style-6 textarea:focus,
.form-style-6 select:focus {
    box-shadow: 0 0 5px #bb86fc;
    padding: 3%;
    border: 1px solid #bb86fc;
    border-radius: 2px;
}

.form-style-6 input[type="submit"],
.form-style-6 input[type="button"] {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    margin-top: 2rem;
    padding: 3%;
    background: #bb86fc;
    border-bottom: 2px solid #bb86fc;
    border-radius: 23px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    color: #fff;
    font-size: 20px;
}

.form-style-6 input[type="submit"]:hover,
.form-style-6 input[type="button"]:hover {
    background:#6a00bbd2;;

}

.form-comtainer {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Poppins", sans-serif;
}

.footer hr {
    background-color: rgb(37, 51, 46);
    height: 1.5px;
}




#tie {
  animation: tie 2s infinite ease-in-out;
  transform-origin: 50% 62%;
}
@keyframes tie {
  0%,
  100% {
    transform: rotate(0);
  }
  50% {
    transform: skew(-12deg) rotate(-6deg);
  }
}