body,html{color:#fff;background-color:#1c1b1f;border:0;margin:0;padding:0;font-family:Quicksand}#topbar{background-color:#338129;border-bottom:3px solid #00000080;justify-content:space-between;align-items:center;width:100%;height:100px;margin-top:0;display:flex;position:sticky;top:0}#tabs{justify-content:center;align-items:center;width:33.3%;display:flex}img{padding:10px}code{margin-left:10px;font-size:xx-large}button.recordSubmit{background-color:#bddeb8;border:#338129;border-radius:10px;height:40px;font-size:large}button.recordSubmit:hover{background-color:#ced8cc;transition:all .1s ease-in-out;transform:scale(1.05)}button.recordSubmit:active{transform:scale(.95)}#imageStuff{justify-content:flex-start;align-items:center;width:33.3%;display:flex}#userStuff{justify-content:flex-end;align-items:center;width:33.3%;display:flex}a{text-decoration:none}.page{grid-template-columns:2fr 7fr 2fr;gap:0 20px;display:grid}.cardContainer{box-sizing:border-box;scrollbar-width:none;margin-top:10px;margin-left:5px;padding:10px;overflow-y:scroll}.infoContainer{box-sizing:border-box;scrollbar-width:none;flex-direction:column;align-items:center;margin:10px;display:flex;overflow-y:scroll}.victorsContainer{box-sizing:border-box;margin-top:10px}.card{width:100%;margin-left:10%;display:flex}.card a{color:#fff;border-radius:5px;margin:5px;padding:5px 10px;font-size:x-large;font-weight:700;text-decoration:none;transition:all .1s ease-in-out}.card a:hover{background-color:#4c4952;transform:scale(1.05)}.card a:active{transform:scale(.95)}.card a.active{background-color:#4c4952}.searchBarContainer{justify-content:center;width:100%;margin:10px;display:flex}input.searchBar{text-align:center;border:2px solid #1c1b1f;border-radius:10px;width:50%;height:30px;font-size:large}.modalShow{all:unset;cursor:pointer;padding:0 0 0 5px}.modalShow img{color:#fff;padding:0;transition:filter .2s ease-in-out}.modalShow img:hover{filter:brightness(.7)}.modal{z-index:1;background-color:#0006;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:hidden}.modal.true{display:inline}.modalContent{background-color:#1c1b1f;border-radius:10px;width:75%;margin:15% auto;padding:10px}.modalContent.true{animation:.3s show}.modalContent h1{margin-top:0;margin-bottom:0}.filterSettingsContainer h2,.filterSettingsContainer h3{margin-top:0;margin-bottom:10px}.close{background-color:red}.submit{background-color:#338129}.reset{background-color:gray}form button{text-align:center;color:#fff;cursor:pointer;border:none;border-radius:5px;height:30px;margin:5px;padding:5px 10px;font-size:medium;font-weight:bolder;transition:all .2s ease-in-out}.close:hover{background-color:#ca1515;transform:scale(1.05)}.submit:hover{background-color:rgb(from #338129 #2b5f24);transform:scale(1.05)}.reset:hover{background-color:rgb(from gray #646161);transform:scale(1.05)}.filterSettingsContainer{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:10px;width:100%;height:100%;display:grid}.filterSettingsContainer>div{box-sizing:border-box;opacity:1;background-color:#423d3d;border-radius:10px;margin:10px;padding:10px}.filterSettingsContainer label{font-size:large;font-weight:700}.otherFilters,.tagFilters{scrollbar-width:none;overflow-y:scroll}.nlwCheckboxesContainer,.tagSelectorContainer{margin:5px;display:inline-block}@keyframes show{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes hide{0%{transform:scale(1)}to{transform:scale(1)}}.recordsContainer{flex-direction:column;align-items:center;width:100%;height:100%;display:flex}.victors{scrollbar-width:none;flex-direction:column;align-items:center;width:100%;height:100%;display:flex;overflow-y:scroll}.victorCard{justify-content:space-between;width:100%;display:flex}.victorCard *{align-items:center;margin-left:5px;margin-right:10px;display:flex}.ytLogo:hover{transition:all .2s ease-in-out;transform:scale(1.1)}.hidden{display:none}.tooltip{margin:0;padding:0;position:relative}.tooltip .tooltipText{visibility:hidden;opacity:0;z-index:1;background-color:#555;border-radius:10px;flex-direction:column;align-items:center;width:max-content;margin:0;padding:5px 10px;transition:opacity .3s;display:flex;position:absolute;top:105%}.tooltip .tooltipText *{text-align:center;margin:0;display:inline}.tooltip:hover .tooltipText{visibility:visible;opacity:1}.tooltip .tooltipText:after{content:"";z-index:1;background-color:#555;border:5px solid #0000;border-right-color:#555;position:absolute;top:-3.5%;right:50%;transform:rotate(45deg)translateY(-50%)}.tab:hover{background-color:#42ae33;transition:all .1s ease-in-out;transform:scale(1.05)}.tab:active{transform:scale(.95)}.tab.active{background-color:#42ae33}:root{--color-primary:#338129;--color-active:#42ae33}.tab{text-align:center;color:#fff;border-radius:5px;justify-content:center;align-items:center;height:50px;margin:10px;padding-left:30px;padding-right:30px;font-family:Helvetica;font-size:x-large;font-weight:bolder;display:flex}button.tab:not(.active){background-color:var(--color-primary)}.levelName{margin-bottom:5px}.levelDescription{font-size:large;font-style:bold;text-align:center;width:90%;margin-top:0;margin-bottom:0}iframe{border:none;border-radius:20px;width:40em;height:22.5em}.extraInfoContainer{grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;width:90%;height:auto;margin-top:10px;display:grid}.extraInfoContainer div{flex-direction:column;align-items:center;display:flex}h2{margin-bottom:5px}div.extraInfoContainer div h1{margin-top:5px}.publisherInfoContainer{flex-direction:column;justify-content:space-evenly;width:90%;display:flex}#publisher,#verifiers,#creators,#peppaVerifier{flex-flow:row;display:flex}#publisher *,#verifiers *,#creators *,#peppaVerifier *{padding-left:5px;padding-right:5px}.underlineEffect{color:#fff;position:relative}.underlineEffect:after{content:"";opacity:.5;background-color:#fff;width:0;height:5px;transition:width .3s ease-in-out;position:absolute;bottom:-2px;left:0}.underlineEffect:hover:after{width:100%}.levelTags{display:flex}.tag{border:2px solid #fff;border-radius:5px;margin:5px;padding:5px}
