@import"https://fonts.googleapis.com/css2?family=Cascadia+Mono:ital,wght@0,200..700;1,200..700&display=swap";body{background-color:#000;color:#fff;font-family:Cascadia Mono,sans-serif;min-height:100vh;margin:0;overflow-x:hidden}nav{display:flex;margin:0 3rem;border-bottom:1px solid white}nav h1{margin-right:2rem}nav button{font-size:1.5rem;background-color:#000;border:1px solid white;color:#fff;padding:0 2rem;transition:.25s}nav button:hover{background-color:#fff;color:#000}.home{margin:0 3rem 3rem}.home>div{display:flex;height:3lh}.login{display:flex;justify-content:center;align-items:center;flex-direction:column}.login form{display:flex;flex-direction:column;width:30%}.login form input{background-color:#000;color:#fff;border:1px solid white;padding:.25rem .5rem;font-size:1rem;border-radius:1rem}.login>form>label{margin-top:.5rem}.login>form>div{margin-top:.5rem;display:flex;align-items:center}.submitButton{margin-top:.5rem}.challengeWindow{margin:0 3rem 3rem;min-height:100vh;display:flex;flex-direction:column;gap:1rem}.challengeDesc p{margin:.25rem}.challengePane{height:70vh;display:flex;flex-direction:column;align-items:center}.challengePane>iframe{width:80%;height:100%}.challengeControls{width:80%}.xssIframe{width:80%;height:70vh;display:flex;justify-content:space-between}.xssIframe>iframe{width:47%;border:1px solid purple;box-shadow:.5rem .5rem purple}.challengeInfo{text-align:center}.challengeInfo h1{margin:0 0 1rem}.challengeInfo>div{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;text-align:left}.flagBox{width:47.5%;display:flex;flex-direction:column;align-items:center;border:1px solid grey;padding:.25rem 1rem}.flagBox h4{text-align:center;font-size:1.25rem;margin:0}.flagBox input{width:100%;background:none;border:1px solid white;margin:.1rem;color:#fff}.flagBox button{width:20%;background-color:#000;border:1px solid white;border-radius:1rem;color:#fff;transition:.2s}.flagBox button:hover{background-color:#fff;border:1px solid black;color:#000}.flagSubmit{width:50%;display:flex;gap:.2rem}.selection{display:flex;justify-content:center;align-items:center;flex-direction:column}.selection>h1{font-size:3rem;margin-bottom:0}.selection>h3{margin:1rem 0 2rem}.selection>div{display:flex;justify-content:center;gap:2rem}.selection>div>div{width:20%;text-align:center;border:1px dashed white;padding:1rem}.selection>div>div>h2{font-size:2rem;margin:0}.selection>div>div>button{background-color:#000;border:1px solid white;color:#fff;font-size:2rem;padding:1rem;transition:.25s}.selection>div>div>button:hover{background-color:#fff;color:#000}.popupConfirmation{position:absolute;width:35rem;border:1px solid white;background-color:#000;display:flex;align-items:center;text-align:center;flex-direction:column;padding:0 1rem 1rem;top:50%;left:50%;transform:translate(-50%,-50%)}.popupConfirmation>h2{margin:1rem;font-size:3rem}.popupConfirmation>h4{font-size:1.5rem}.popupConfirmation>div{display:flex;gap:2rem}.popupConfirmation button{font-size:1.5rem;background-color:#000;border:1px solid white;color:#fff;padding:.5rem 2rem;transition:.25s}.popupConfirmation button:hover{background-color:#fff;color:#000}.blockScreen{position:fixed;background-color:#000;top:50%;left:50%;transform:translate(-50%,-50%);opacity:40%;width:100vw;height:200vh}.challengeControls button{font-size:1rem;background-color:#000;border:1px solid white;color:#fff;padding:.25rem 1rem;transition:.25s}.challengeControls button:hover{background-color:#fff;color:#000}.hintBox{transition:.25s;width:100%;display:flex;align-items:center;flex-direction:column;margin-bottom:1rem}.hintHidden{display:flex;justify-content:center}.hintBox>h3{margin:.25rem}.hintBox button{font-size:1rem;background-color:#000;border:1px solid white;color:#fff;padding:.25rem 1rem;transition:.25s;width:fit-content;border-radius:1rem}.hintBox button:enabled:hover{background-color:#fff;color:#000}.hintBox button:disabled{color:gray;border-color:gray}