body,header{color:#fff;display:flex;background-color:#000}.header-button,body,header{background-color:#000}footer,header,main{box-sizing:border-box;width:100%}.form-text,footer,header,main{width:100%}.button,.footer-icon-link,.footer-text-link,.header-logo-link,.header-title-link{text-decoration:none}body{font-family:Arial,sans-serif;background-image:url('../static/backgrounds/CTF_background.webp');background-size:cover;background-position:center;background-repeat:no-repeat;flex-direction:column;align-items:center;height:100vh;margin:0;padding:0}header{font-weight:700;position:fixed;align-items:center;justify-content:space-between;border-bottom:1px solid #fff;height:5em;padding:0 1em;top:0}.footer-icon-links,.header-ctf,.header-logo-link{align-items:center;display:flex}.button{cursor:pointer;font-weight:700;border-radius:5px;padding:.4em .6em;font-size:1em;transition:background-color .3s}.form-text,.status-message,main{font-weight:400}.header-logo{height:4em;margin-right:.5em}#login-button,.form-group{margin-right:1em}.header-title-link{color:inherit}.header-title{font-size:2.5em}.header-buttons{display:flex;align-items:center;font-size:1.25em}.main-content,main{flex-direction:column;display:flex}.header-button{color:#fff;border:2px solid #fff}.header-button:hover{color:#000;background-color:#fff;border:2.5px solid #000;box-shadow:0 0 0 1.5px #fff}.main-button:hover,.submit-button:hover,footer{background-color:#000}.header-button:active,.main-button:active,.submit-button:active{transform:scale(.98)}main{color:#fff;text-align:center;align-items:center;margin:2em auto;border-radius:10px;font-size:1.5em;padding:2em;flex:1}.main-content{align-items:center}.main-title{font-size:4em;margin-bottom:.75em}.main-subtitle{font-size:2em;margin-bottom:1em}.form-container{display:none;flex-direction:column;align-items:center;margin-bottom:1em;max-width:400px}.form-container.active{display:flex}.form-group{align-items:center;max-width:400px;margin-bottom:1em}.form-group label{display:block;font-weight:700;text-align:left;margin-bottom:.5em;font-size:1em}.form-group input{color:#fff;background-color:transparent;border:1px solid #fff;border-radius:5px;font-size:1em;width:100%;padding:.5em}.form-group input::placeholder{color:grey}.form-text{text-align:left;font-size:.75em;max-width:400px;padding:.5em}.form-text input[type=checkbox]{width:auto;height:auto;margin:.5em;transform:scale(2)}.form-text .form-link{color:#fff;font-weight:700;text-decoration:underline;transition:color .3s;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.footer-text-link:hover,.form-text .form-link:hover{color:grey}.scrollable-box{text-align:left;overflow-y:auto;background-color:rgba(0,0,0,.9);border:1px solid #fff;margin:auto 2em 4em;font-size:.8em;border-radius:10px;max-height:700px;padding:2em}.status-message{color:#fff;display:none;width:fit-content;text-align:center;border:1px solid #fff;margin:0 auto 1em;font-size:.75em;border-radius:5px;padding:.5em;max-width:400px}.main-button,.submit-button{cursor:pointer;background-color:rgba(0,0,0,.9);border:2px solid #fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;display:inline-block;color:#fff}#terms{cursor:pointer}.main-button{margin:2em auto;font-size:1.25em}.submit-button{font-weight:700;margin-top:1em;margin-bottom:3em}.typing-effect{color:#fff;overflow:hidden;display:inline-block;border-right:.15em solid #fff;animation:.7s steps(1) infinite caret;font-size:1em;min-height:1em;height:1.25em;margin-bottom:1em}@keyframes caret{50%{border-color:transparent}}footer{color:#fff;text-align:center;display:flex;position:relative;align-items:center;justify-content:space-between;border-top:1px solid #fff;padding:.7em .9em;bottom:0}.footer-text-links{display:flex;justify-content:flex-start;align-items:center}.footer-text-link{color:#fff;transition:color .3s}.footer-separator{margin:0 .5em}.footer-icon-link{margin-left:1em}.footer-icons{background:0 0;height:1.5em}@media (max-width:1600px){header{height:4.5em;padding:0 .85em 0 .75em}.header-logo{height:3.5em;margin-right:.4em}.header-title{font-size:2.25em}.header-buttons{font-size:1.1em}#login-button{margin-right:.9em}main{padding:1.5em;font-size:1.35em}.main-title{font-size:3.5em;margin-top:1.5em}.main-subtitle{font-size:1.85em}.scrollable-box{margin:auto 1.8em 4em;padding:1.8em}.form-text input[type=checkbox]{transform:scale(1.85)}footer{padding:.65em .85em}.footer-text-links{font-size:.95em}.footer-separator{margin:0 .45em}.footer-icons{height:1.35em}}@media (max-width:1200px){body{background-image:url('../static/backgrounds/CTF_background_mobile.webp')}header{height:4em;padding:0 .75em 0 .5em}.header-logo{height:3em;margin-right:.25em}.header-title,.main-subtitle{font-size:2em}.header-buttons{font-size:1em}#login-button{margin-right:.75em}main{padding:1em;font-size:1.25em}.main-title{font-size:3em;margin-top:1.5em}.scrollable-box{margin:auto 1.5em 4em;padding:1.5em}footer{padding:.6em .8em}.footer-text-links{font-size:.9em}.footer-separator{margin:0 .4em}.footer-icons{height:1.25em}.form-text input[type=checkbox]{transform:scale(1.75)}}@media (max-width:800px){body{background-image:url('../static/backgrounds/CTF_background_mobile.webp')}header{height:3.3em;padding:0 .5em 0 .25em}.header-logo{height:2.3em;margin-right:.1em}.header-title{font-size:1.3em}.header-buttons{font-size:.75em}#login-button{margin-right:.5em}main{padding:1em;font-size:1em}.main-title{font-size:3.5em;margin-top:1em}.main-subtitle{font-size:1.75em}.scrollable-box{margin:auto 1em 4em;padding:1em}footer{padding:.5em .7em}.footer-text-links{font-size:.8em}.footer-separator{margin:0 .3em}.footer-icons{height:1em}.form-text input[type=checkbox]{transform:scale(1.5)}}