:root{--clr-grey-1:#102a42;--clr-grey-2:#243a52;--clr-grey-3:#324d67;--clr-grey-4:#48647f;--clr-grey-5:#617d98;--clr-grey-6:#829ab0;--clr-grey-7:#9eb2c7;--clr-grey-8:#bcccdc;--clr-grey-9:#dae2ec;--clr-grey-10:#f1f5f8;--clr-white:#fff;--clr-red-dark:#bb2525;--clr-red-light:#e66b6b;--clr-green-dark:#25bb32;--clr-green-light:#6be675;--clr-black:#222;--transition:all 0.3s linear;--spacing:0.1rem;--radius:0.25rem;--light-shadow:0 5px 15px rgba(0,0,0,0.1);--dark-shadow:0 5px 15px rgba(0,0,0,0.2);--max-width:1170px;--fixed-width:620px}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;background:#f1f5f8;background:var(--clr-grey-10);color:#102a42;color:var(--clr-grey-1);line-height:1.5;font-size:.875rem}ul{list-style-type:none}a{text-decoration:none}h1,h2,h3,h4{letter-spacing:.1rem;letter-spacing:var(--spacing);text-transform:capitalize;line-height:1.25;margin-bottom:.75rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:.875rem}p{margin-bottom:1.25rem;color:#324d67;color:var(--clr-grey-3)}.btn{cursor:pointer;border:transparent;border-radius:.25rem;border-radius:var(--radius);letter-spacing:.1rem;letter-spacing:var(--spacing);padding:.375rem .8rem;box-shadow:0 5px 15px rgba(0,0,0,.1);box-shadow:var(--light-shadow);transition:all .3s linear;transition:var(--transition);text-transform:capitalize;display:inline-block}.option-btn:hover{background:#020826;box-shadow:0 5px 15px rgba(0,0,0,.2);box-shadow:var(--dark-shadow)}.answer-btn:hover{background:#8c7851}.btn-block{width:100%}.alert{padding:.375rem .75rem;margin-bottom:1rem;border-color:transparent;border-radius:var(--borderRadius)}.alert-danger{color:#fff;color:var(--clr-white);background:#bb2525;background:var(--clr-red-dark)}.alert-success{color:var(--green-dark);background:var(--green-light)}.form{width:80vw;padding:2rem 2.5rem;margin:2rem auto;background:#eaddcf;border-radius:.25rem;border-radius:var(--radius);max-width:1170px;max-width:var(--max-width)}.form p{text-align:center;color:#020826;font-weight:600;font-size:.8rem}.form-label{display:block;font-size:var(--smallText);margin:.5rem 0;text-transform:capitalize;letter-spacing:var(--letterSpacing);color:#f25042;font-weight:600}.form-input,.form-textarea{width:100%;padding:.375rem .75rem;border-radius:.25rem;border-radius:var(--radius);border:1px solid #020826;margin-bottom:.7rem;box-shadow:0 5px 15px rgba(0,0,0,.1);box-shadow:var(--light-shadow)}.btn-container{display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:1.5rem}.option-btn{background:#8c7851}.option-btn,.popularity-btn{margin-bottom:.7rem;color:#fffffe;font-size:1rem}.popularity-btn{background:#f25042}.popularity-btn:hover{background:#020826}.popularity-text{color:#f25042!important;font-weight:700;font-size:1.25rem!important;padding-top:2rem}.correct-option{color:green}.answer-btn{background:#020826;color:#fff;color:var(--clr-white)}.answer-btn-container{display:flex;flex-direction:column;margin-top:3rem}.answer-btn-container .btn,.form-row{margin-bottom:1rem}.form-textarea{height:7rem}::-webkit-input-placeholder{font-family:inherit;color:#102a42;color:var(--clr-grey-1);font-size:.7rem}:-ms-input-placeholder{font-family:inherit;color:#102a42;color:var(--clr-grey-1);font-size:.7rem}::placeholder{font-family:inherit;color:#102a42;color:var(--clr-grey-1);font-size:.7rem}.form-alert{color:#bb2525;color:var(--clr-red-dark);letter-spacing:.1rem;letter-spacing:var(--spacing);text-transform:capitalize}.section{width:90vw;margin:0 auto;max-width:1170px;max-width:var(--max-width)}main{min-height:100vh;background:#f9f4ef}.form-container{margin:0 auto;padding:2rem 0}.header{height:4rem;border-bottom:1px solid #020826;color:#020826}.header,.modal-container{display:flex;justify-content:center;align-items:center}.modal-container{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);opacity:0;transition:all .3s linear;transition:var(--transition);z-index:-1}.isOpen{opacity:1;z-index:999}.modal-content{background:#fff;background:var(--clr-white);width:90vw;max-width:620px;max-width:var(--fixed-width);padding:3rem;border-radius:.25rem;border-radius:var(--radius);text-align:center;position:relative}.modal-content p{font-size:1.5rem;text-transform:none}.form h5{color:#020826;font-weight:700;margin-bottom:.8rem}.form h5,li{font-size:1rem}li{text-transform:capitalize}footer{width:80vw;margin:0 auto;display:flex;justify-content:center;align-items:center;font-family:"Kaushan Script",cursive;font-size:1.35rem}footer p{color:#020826;font-weight:800}.logo{height:2.1rem;object-fit:cover;margin-top:1rem}@media screen and (min-width:800px){h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:1.75rem}body,h4{font-size:1rem}h1,h2,h3,h4{line-height:1}.section{width:80vw}.form{width:50vw}footer{width:90vw}.form p{font-size:1rem}}
/*# sourceMappingURL=main.4d11d5ca.chunk.css.map */