@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap);*{box-sizing:border-box;color:#fff;font-family:Montserrat;margin:0;padding:0}body{background-image:linear-gradient(45deg,#252525,#000f3e,#252525);background-position:50%;background-repeat:no-repeat;background-size:contain;height:100vh;width:100%}.App{align-items:center;display:flex;flex-direction:column;justify-content:center}.page-heading{color:#5055ff;text-align:center;width:100}.container{margin-top:50px;padding:20px;width:50%}.form-wrapper{background:transparent;margin:20px 0 100px;padding:5px 15px;width:100%}.text-input{height:40px;position:relative;width:100%}.text-input input{background:transparent;border:0;border-bottom:2px solid silver;font-size:17px;height:100%;outline:0;width:100%}.text-input label{font-size:15px;left:0;pointer-events:none;position:absolute;top:10px;transition:all .3s ease}.text-input input:focus~label,.text-input input:valid~label{font-size:17px;font-weight:600;-webkit-transform:translateY(-25px);transform:translateY(-25px)}.text-input label:before{content:"Type "}.text-input input:focus~label:before,.text-input input:valid~label:before{content:""}.underline{background-color:#2028fb;bottom:0;height:2px;left:0;position:absolute;-webkit-transform:scale(0);transform:scale(0);transition:all .5s ease;width:100%}.text-input input:focus~.underline,.text-input input:valid~.underline{-webkit-transform:scale(1);transform:scale(1)}button{background-color:#6369ff;color:#000f3e;cursor:pointer;float:right;font-size:14px;font-weight:600;margin-top:20px;outline:none;padding:5px 25px}button,button:hover{border:2px solid #6369ff}button:hover{background-color:initial;color:#6369ff;transition:.5s}.ans-heading{font-size:20px;margin-bottom:10px}footer{align-items:center;background-color:rgba(99,105,255,.05);bottom:0;display:flex;flex-direction:column;padding:20px;position:fixed;width:100%}.footer-text{color:#c8c9fb;font-size:12px}a{color:#c8c9fb;text-decoration:none}a:hover{color:#fff}@media screen and (max-width:768px){.container{width:85%}.page-heading{font-size:25px}.text-input label{font-size:14px}.text-input input,.text-input input:focus~label,.text-input input:valid~label{font-size:16px}}@media screen and (max-width:468px){.container{margin-top:30px;padding:10px;width:95%}.page-heading{font-size:20px;margin-bottom:30px}.text-input label{font-size:14px}.text-input input,.text-input input:focus~label,.text-input input:valid~label{font-size:14px}.ans-heading{font-size:15px}.ans{font-size:14px}.footer-text{font-size:10px}}
/*# sourceMappingURL=main.3bf6dfbc.css.map*/