.contact-div{display:flex;flex-direction:column;justify-content:center;align-items:center;height:-moz-fit-content;height:fit-content;width:95%;margin:auto}.contact-div h1{font-size:50px;font-weight:600}.underline-div{width:80px;border-top:4px solid var(--color-font-glow);border-radius:5px}.contact-form-div{display:flex;flex-direction:column;align-items:center;width:100%;min-height:500px;margin:100px 0;padding:10px;background-color:hsla(0,0%,50%,.2);box-shadow:0 10px 30px var(--color-accent);border-radius:10px;color:#fff;opacity:0}.contact-form-div h2{font-size:30px;font-weight:500}.contact-form{padding:2px 30px 30px;width:100%}.form-div{width:100%;margin:30px 0}input{width:100%;height:40px;padding:3px 5px;background-color:transparent;border-bottom:1px solid #fff}input::-moz-placeholder{color:#fff}input::placeholder{color:#fff}input:hover{border:1px solid #fff;border-radius:3px;font-weight:600}textarea{width:100%;padding:7px;border:1px solid #fff;border-radius:5px;background-color:transparent}textarea::-moz-placeholder{color:#fff}textarea::placeholder{color:#fff}textarea:hover{font-weight:600}.submit-button{display:flex;justify-content:center;align-items:center;height:50px}.submit-button button{height:40px;width:120px;font-size:20px;border:2px solid #fff;border-radius:3px;transition:.5s ease-in-out}.submit-button button:hover{height:45px;width:130px;font-weight:500;color:var(--color-accent-glow);background-color:#000;animation:buttonPulse 2s ease-in-out infinite}@media screen and (min-width:768px){.contact-form-div{width:600px}}.slide-in-left{animation:slideInLeft 1.5s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-200%)}to{opacity:1;transform:translateX(0)}}.slide-in-right{animation:slideInRight 1.5s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translateX(200%)}to{opacity:1;transform:translateX(0)}}@keyframes buttonPulse{0%{text-shadow:0 0 0 var(--color-accent-glow);box-shadow:0 0 5px #000}50%{text-shadow:0 0 5px var(--color-accent-glow);box-shadow:0 1px 25px #000}to{text-shadow:0 0 0 var(--color-accent-glow);box-shadow:0 0 5px #000}}.card-flip-in-y{animation:flipInY 3s ease-in-out forwards;animation-delay:.3s}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(5deg)}to{transform:perspective(400px) rotateY(0deg);opacity:1}}