html,body,#root{height:100%;width:100%;margin:0;font-family:Itim,cursive}#root{display:flex;flex-direction:column;align-items:center;justify-content:center}body{background:linear-gradient(135deg,#94b8a2,#c4cdd1,#7098ae);overflow-y:hidden}.card{width:400px;height:90%;position:relative;-webkit-tap-highlight-color:transparent;perspective:1000px}.card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s}.card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;box-shadow:0 10px 15px #0000001a;background-image:url(/assets/paper-texture-BhVOrh8L.avif);background-size:cover}.card-front{background-position:center;border:1px solid #e0e0e0}.card-back{border:1px solid #e0e0e0;transform:rotateY(180deg);display:flex;align-items:center;justify-content:center}.contact-me-link,.go-back-link{font-size:1.2em;font-weight:700;font-family:Nunito Sans,sans-serif;letter-spacing:1px;color:#088f8f;text-decoration:underline;cursor:pointer}.card-content{text-align:center;color:#fff;display:flex;flex-direction:column;justify-content:space-evenly;height:100%}.card-logo{display:flex;justify-content:center;margin-top:2em}.card-title-container{flex:1}.card-title,.card-subtitle{margin:0}.card-title{flex:1;margin-top:.75em;font-size:3em;font-weight:400;color:#088f8f}.card-subtitle{font-size:2em;text-transform:uppercase;font-weight:600;font-family:Nunito Sans,sans-serif;letter-spacing:1px;color:#7cbf52}.credentials{font-size:1.5em;font-weight:300;font-family:Nunito Sans,sans-serif;letter-spacing:1px;color:#088f8f}.credentials-subtitle{color:#7cbf52}.form{margin:1em;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:space-evenly}.form-input{width:calc(100% - 2em);padding:1em;margin-bottom:1em;border:none;background:none;border-bottom:1px solid #088f8f;outline:none;font-family:Nunito Sans,sans-serif;font-size:1.2em}.form-input::placeholder{color:#088f8f}.form-input:focus{border-bottom:2px solid #088f8f}.form-button{width:calc(100% - 2em);padding:1em;margin-bottom:1em;margin-top:1em;font-family:Nunito Sans,sans-serif;text-transform:uppercase;border:none;background:none;border-radius:10px;background-color:#088f8f;color:#fff;font-weight:700;outline:none;cursor:pointer}.form-title{font-size:2em;font-weight:700;color:#088f8f;margin-bottom:1em}.form-message{font-size:1.2em;font-weight:700;color:#088f8f;margin-bottom:1em}@media (max-width: 768px){.card{width:90%}.card-title{font-size:2.5em}.card-subtitle{font-size:2em}}