.contact{letter-spacing:.8px;opacity:0;transition:all .4s ease-in-out}.wrapper .contact h2.head2{color:#b6beca!important}.contactForm{width:75%;margin:2rem;padding:7rem 2.5rem;border:2px solid rgb(182,190,202);border-radius:.5rem}.contactForm form{flex-direction:column;align-items:flex-start;gap:2.5rem}.label{flex-direction:column;align-items:flex-start;gap:.4rem;font-size:.8em;font-weight:600;color:#b6beca;position:relative;z-index:9999}#message,#name,#email{width:450px;padding:2px;font-size:1rem;background-color:transparent;border:none;border-bottom:2px solid rgb(182,190,202);transition:all .3s ease-in-out;outline:none;color:#b6beca}label[for=message]{gap:0}#message{margin:-2.7rem 0;padding:0;height:8rem}#message:focus,#name:focus,#email:focus{border-color:#b6beca}.sendBtn{position:relative;z-index:9999;margin-top:4rem;padding:.6rem .9rem;font-weight:600;color:#b6beca;border:2px solid rgb(182,190,202);border-radius:.4rem;transition:all .3s ease-in-out}.sendBtn:hover{background-color:#000;border-color:#000;color:#fff}body.dark .sendBtn:hover{color:#000;background-color:#19c7c7;border-color:#19c7c7}@media only screen and (max-width:1300px){.contactForm{width:90%;margin:2rem auto 0;padding:4rem 2.5rem}}@media only screen and (max-width:500px){#message,#name,#email{width:90%}}