*{border:0;box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}body{background-color:#000}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.form-container{align-items:center;display:flex;height:77vh;justify-content:center;width:100%}h1{background-color:#4158d0;background-image:linear-gradient(43deg,#4158d0,#c850c0 46%,#ffcc70);border-radius:15px;color:#fff;font-size:40px;font-weight:700;margin-bottom:15px;margin-top:20px;width:300px}form,h1{text-align:center}form{align-items:center;background:#fff;border-radius:20px;display:flex;flex-direction:column;gap:12px;height:400px;justify-content:center;padding:0 15px;width:700px}.input-container{margin:20px;position:relative}label{color:#333;display:block;font-size:30px;margin-bottom:5px}.input[type=text]{background-color:#f1f1f1;border:none;border-radius:4px;color:#333;font-size:16px;outline:none;padding:10px;width:250px}.underline{bottom:0;height:2px;left:0;position:absolute;transition:width .3s;width:0}.input:hover,.underline{background-color:#4158d0;background-image:linear-gradient(43deg,#4158d0,#c850c0 46%,#ffcc70)}.input:hover{color:#fff}.input[type=text]:focus+.underline{width:100%}@keyframes floating-label{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-25px)}}.input[type=text]:placeholder-shown+label{color:#777;font-size:14px;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:transform .3s,font-size .3s,color .3s}.input[type=text]:focus:not(:placeholder-shown)+label{animation:floating-label .3s forwards;background-color:#4158d0;background-image:linear-gradient(43deg,#4158d0,#c850c0 46%,#ffcc70);font-size:12px;transform:translateY(-25px)}select{background-color:#f1f1f1;border:none;border-radius:4px;color:#333;font-size:15px;margin:10px;outline:none;padding:10px;width:350px}option,select:hover{background-color:#4158d0;background-image:linear-gradient(43deg,#4158d0,#c850c0 46%,#ffcc70);color:#fff}button{background-color:#f1f1f1;border:none;border-radius:4px;color:#333;cursor:pointer;font-size:16px;margin:10px;outline:none;padding:10px;width:200px}button:hover{background-color:#4158d0;background-image:linear-gradient(43deg,#4158d0,#c850c0 46%,#ffcc70);color:#fff}@media screen and (max-width:768px){.form-container{align-items:center;display:flex;height:80vh;justify-content:center;width:100vw}h1{font-size:30px}p{font-size:15px}form{height:400px;width:400px}button,input,select{width:300px}}.logo{align-items:start;display:flex;flex-direction:row;height:50px;justify-content:start;margin-right:850px;width:100%}.logo img{height:auto;width:40%}@media (max-width:600px){.logo img{width:80%}}@media (max-width:400px){.logo img{width:80%}}.menu-container{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.menu-container button{background-color:#fff;border:none;border-radius:20px;border-radius:10px;cursor:pointer;font-size:20px;height:50px;width:400px}.menu-container button:hover{color:#000}@media (max-width:768px){.menu-container{align-items:flex-start;flex-direction:column}.menu-container button{height:auto;margin-bottom:10px;margin-left:40px;width:80vw}}.headers{color:#fff;flex-direction:column;font-size:40px;font-weight:700;height:20vh;margin-bottom:15px}.body,.headers{align-items:center;display:flex;justify-content:center;width:100%}.body{animation:backgroundAnimation 5s infinite alternate-reverse;background-color:#57565685;height:100%}@media (max-width:600px){.headers{font-size:30px}}@media (max-width:400px){.headers{font-size:20px}}@keyframes backgroundAnimation{0%{background-color:#57565685}to{background-color:#36353585}}.container{color:#000;height:77vh;width:100%}.container,.container .title{align-items:center;display:flex;justify-content:center}.container .title{color:#4169e1;font-size:30px;font-weight:600;letter-spacing:-1px;line-height:30px}.container input{border:1px solid #dbd5d5;height:50px}.container input,.container textarea{border-radius:8px;outline:0;padding:8px 14px;width:100%}.container textarea{border:1px solid #dbd5d5;height:100px;resize:none}.container button{align-self:flex-end;background-color:#4169e1;border:0;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;outline:0;padding:8px}
/*# sourceMappingURL=main.a1920ea2.css.map*/