@import "header.min.css";@import "footer.min.css";body{background-color:black}main{width:100%}h1{color:var(--light-gold);font-size:40px;letter-spacing:2px;text-transform:uppercase;height:20vh;width:100%;display:flex;justify-content:center;align-items:center;margin-top:9vh}label{font-size:20px}input,textarea{font-size:20px;padding:10px;margin-bottom:50px;width:80vh}#mailForm{display:flex;flex-direction:column;justify-content:center;align-items:center;height:110vh;min-height:85.5vh;background-color:var(--medium-gold);padding:3vh 0 3vh 0;font-size:20px}#name{display:flex;height:10vh;margin-top:1vh;margin-bottom:2vh;border-radius:25px;border:1px solid black;padding:0 2vh 0 2vh}#userMail{display:flex;height:10vh;margin-top:1vh;margin-bottom:2vh;border-radius:25px;border:1px solid black;padding:0 2vh 0 2vh}#userPhone{display:flex;height:10vh;margin-top:1vh;margin-bottom:2vh;border-radius:25px;border:1px solid black;padding:0 2vh 0 2vh}#subject{height:10vh;margin-top:1vh;margin-bottom:2vh;border-radius:25px;border:1px solid black;padding:0 2vh 0 2vh}#message{height:40vh;min-height:30vh;margin-top:1vh;margin-bottom:3vh;border-radius:25px;border:1px solid black;vertical-align:top;padding:3vh 2vh}.submit__btn{margin-top:2vh;border:0 solid black;padding:1.5vh 0;background-color:black;color:var(--light-gold);border-radius:25px;font-size:20px;height:6vh;width:400px;display:flex;flex-direction:column;align-items:center;}@-webkit-keyframes extend{0%{width:400px;height:6vh;border-radius:100px}10%{width:400px;height:2vh;background:black}20%{width:400px;height:6vh;background:black}100%{width:6vh;height:6vh;border-radius:100px;background:black}}@keyframes extend{0%{width:400px;height:6vh;border-radius:100px}10%{width:400px;height:6vh;background:black}20%{width:400px;height:6vh;background:black}100%{width:6vh;height:6vh;border-radius:100px;background:black}}@-webkit-keyframes disappear{0%{opacity:1}20%{color:var(--light-gold);opacity:.6}80%{color:var(--light-gold);opacity:0}100%{opacity:0}}@keyframes disappear{0%{opacity:1}20%{color:var(--light-gold);opacity:.6}80%{color:var(--light-gold);opacity:0}100%{opacity:0}}@-webkit-keyframes appear{0%{opacity:0}80%{opacity:0}100%{opacity:1}}@keyframes appear{0%{opacity:0}80%{opacity:0}100%{opacity:1}}.submit__img{position:relative;top:-82px;left:1px;right:0;bottom:0;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);opacity:0}.submit__btn:focus{-webkit-animation:extend 1s ease-in-out;-ms-animation:extend 1s ease-in-out;animation:extend 1s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.submit__btn:focus>span{-webkit-animation:disappear 1s ease-in-out;-ms-animation:disappear 1s ease-in-out;animation:disappear 1s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.submit__btn:focus>.submit__img{-webkit-animation:appear 1s ease-in-out;-ms-animation:appear 1s ease-in-out;animation:appear 1s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media screen and (min-width:768px) and (max-width:1024px){input{width:100%}#message{width:100%}.submit__btn span{position:relative;top:5px}}@media screen and (max-width:768px){h1{font-size:30px}input{width:100%}#message{width:100%}}