*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--inter:"Inter",sans-serif;--openSans:"Open Sans",sans-serif;--roboto:"Roboto",sans-serif;--dark-blue:#1e2128;--dark-red:#ff0952;--darker-red:#ff095386;--light:#fcfeff}body{background-color:var(--dark-blue)}.container{display:block;width:100%;height:100%}.wrapper{margin-top:30%}.title{margin-bottom:10%;font-family:var(--inter);font-weight:600;font-size:1.7em}.sub-title,.title{color:var(--light);text-align:center}.sub-title{display:block;font-family:var(--roboto);font-weight:300;font-size:1.25em}.join-button{display:block;text-align:center;margin-top:50%}#join-now{width:50%;height:57px;outline:none;border:none;border-radius:100px;background-color:var(--dark-red);box-shadow:0 2px 80px rgba(255,9,82,.25);transition:.2s}#join-now:hover{background-color:var(--darker-red);cursor:pointer;transition:.2s}#join-now span{color:var(--light);font-family:var(--roboto);text-shadow:2px 2px 4px rgba(30,33,40,.5);font-weight:500;font-size:1.25em}.logreg{margin-top:30%}.top{margin-top:20%}.credential-container{display:block;width:100%;height:100%}.credential-wrapper{display:flex;flex-direction:column;align-items:center;width:80%;margin:0 auto 12%}.credential-wrapper:first-child{margin-top:20%}.credential-input{display:block;width:inherit;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;color:var(--light)}.credential-input input{display:block;width:100%;height:50px;border-radius:.375em;outline:none;border:none;padding:1em;font-size:1em;color:var(--dark-blue);font-family:var(--roboto);font-weight:300;transition:.1s}.credential-input input:focus{outline:2px solid var(--dark-red);transition:.1s}.credential-input label{margin-bottom:.3em}.credential-input label,.sign-register-link{display:inline-block;font-family:var(--roboto);font-weight:300}.sign-register-link{margin-top:.7em;font-size:.8em}.sign-register-link a:-webkit-any-link{color:var(--dark-red)}.sign-register-link a:-moz-any-link{color:var(--dark-red)}.sign-register-link a:any-link{color:var(--dark-red)}#loading{display:inline-block;width:100px;height:100px;border:none;outline:none;border-radius:100px;background-color:var(--dark-red);transition:.2s;-webkit-animation:loading-animation 1.5s infinite;animation:loading-animation 1.5s infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.loading-wrapper{width:100vw;height:100vh}.lazy-loading-wrapper,.loading-wrapper{display:flex;justify-content:center;align-items:center}.lazy-loading-wrapper{width:auto;height:31vh}.logout{display:absolute;margin:auto;color:var(--dark-blue);font-family:var(--inter);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:1em;border-radius:.2em;background-color:var(--light)}.logout:hover{cursor:pointer}@-webkit-keyframes loading-animation{0%{transform:translateY(0)}50%{transform:translateY(10vh)}to{transform:translateY(0)}}@keyframes loading-animation{0%{transform:translateY(0)}50%{transform:translateY(10vh)}to{transform:translateY(0)}}@media only screen and (min-width:700px){.top{margin-bottom:0}.credential-wrapper:first-child,.top{margin-top:10%}.logreg{margin-top:15%}#join-now{width:30%}.join-button{margin-top:35%}.wrapper{margin-top:20%}}@media only screen and (min-width:1100px){.credential-wrapper:first-child,.top{margin-top:5%}.logreg{margin-top:10%}.credential-wrapper{width:60%}#join-now{width:20%}.join-button{margin-top:15%}.title{margin-bottom:3%}}@media only screen and (min-width:1500px){.credential-wrapper{margin-bottom:5%}.logreg{margin-top:0}.join-button{margin-top:5%}#join-now{width:10%}}