@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap');:root{--gg_blue:rgb(48,48,255);}a:link{color:RoyalBlue;}a:visited{color:MediumPurple;}body{margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh;--background-color:#1a1a1a;background-color:var(--background-color,red);color:#d3d3d3;font-family:'Fira Code',monospace;overflow-x:hidden;}.main-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex:1;padding-top:0px;margin-top:0px;margin-bottom:62px;}div.body-text{max-width:1080px;padding:3vh 10vw;}h1,h2,h3{text-align:center;}div.body-text p{text-align:justify;text-justify:inter-word;}.image-container{display:flex;gap:1vw;max-width:100vw;overflow-x:auto;margin-top:10rem;}.image-container img{max-width:calc(((100vw / 9) - 2vw));height:auto;flex-shrink:0;margin-bottom:1rem;}.solved{color:green;}.unsolved{color:red;}.solved a,.unsolved a{text-decoration:none;color:inherit;}.account_info>button{margin-top:1rem;}.popup,.popup-overlay{display:none;}.popup.active,.popup-overlay.active{display:block;}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(42,42,42,0.9);color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.5);z-index:1000;text-align:center;}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:999;}.popup input{display:block;margin-bottom:10px;padding:8px;width:100%;}.popup button{background-color:#007bff;color:white;border:none;padding:10px 20px;cursor:pointer;margin-top:10px;border-radius:4px;}.popup button:hover{background-color:#0056b3;}.grid-container{display:grid;grid-template-columns:repeat(5,1fr);column-gap:.3rem;row-gap:.2rem;width:90%;max-width:90vw;max-height:50vh;flex-grow:.8;padding:.3rem;font-size:3vw;margin:1vmax;}@media screen and (min-width:760px){.grid-container{font-size:22px;}}.box{background-color:#2b2b2b;border:1px solid #3c3c3c;padding:0;text-align:center;cursor:pointer;transition:background-color 0.3s ease,transform 0.3s ease,box-shadow 0.3s ease;position:relative;width:100%;padding-top:30%;border-radius:8px;box-shadow:0 0px 8px rgba(48,48,255,0.5);}.box-content{position:absolute;top:0;left:0;right:0;bottom:0;padding:1rem;text-align:center;display:flex;justify-content:center;align-items:center;color:#d3d3d3;}.box:not(.colored,.selected):hover{background-color:#4a4a4a;box-shadow:0 0 12px var(--gg_blue);}:root{--inset-length:1.5vmax;--saturation:75%;--lightness:68%;}.selected{color:#fff;transform:scale(0.95);box-shadow:0 0 var(--inset-length) #007bff inset;}.selected:hover{background-color:#4a4a4a;box-shadow:0 0 var(--inset-length) var(--gg_blue) inset,0 0 1em var(--gg_blue);}.colored{cursor:not-allowed;box-shadow:0 0 var(--inset-length) rgba(0,0,0,0.1);}.cat1{box-shadow:inset 0 0 var(--inset-length) hsl(180,var(--saturation),var(--lightness))}.cat2{box-shadow:inset 0 0 var(--inset-length) hsl(70,var(--saturation),var(--lightness))}.cat3{box-shadow:inset 0 0 var(--inset-length) hsl(110,var(--saturation),var(--lightness))}.cat4{box-shadow:inset 0 0 var(--inset-length) hsl(240,var(--saturation),var(--lightness))}.cat5{box-shadow:inset 0 0 var(--inset-length) hsl(260,var(--saturation),var(--lightness))}.cat6{box-shadow:inset 0 0 var(--inset-length) hsl(310,var(--saturation),var(--lightness))}.centered-buttons{display:flex;flex-direction:row;align-items:stretch;gap:1rem;flex-wrap:nowrap;padding-bottom:1rem;}.centered-buttons button{flex:1;margin-bottom:.1rem;margin-top:.5rem;}#submitBtn{height:auto;margin-top:2rem;margin-bottom:2rem;}.pic-container{max-width:100%;height:50vh;margin-bottom:20px;}.pic-container img{max-width:100%;height:inherit;display:block;}h1{margin:0;}.img-drop{filter:drop-shadow(0 0 1.2vmax var(--gg_blue));-webkit-filter:drop-shadow(0 0 1.2vmax var(--gg_blue));}.logic-container{max-width:100%;width:calc((69vh/1400)*800);height:auto;display:flex;justify-content:center;align-items:center;flex-shrink:1;overflow:hidden;}.logic-container img{width:calc((69vh/1400)*800);}@media screen and (orientation:portrait){.logic-container{width:calc((55vh/1400)*800);}.logic-container img{width:calc((55vh/1400)*800);}}.riddle-container{margin:1rem}.spiral-container{max-height:65vh;height:90rem;width:auto;display:flex;justify-content:flex-start;align-items:center;flex-shrink:1;overflow:hidden;}@media screen and (orientation:portrait){.spiral-container{width:100%;height:auto;}}.spiral-container img{width:100%;height:100%;object-fit:contain;display:block;}#solveForm{background-color:#1e1e1e;border-radius:8px;padding:20px;max-width:400px;box-shadow:0 4px 8px rgba(0,0,0,0.3);}input[type="text"],input[type="email"],input[type="user_email"],input[type="password"],textarea{width:calc(100% - 22px);padding:10px;border:1px solid #333;border-radius:4px;background-color:#2c2c2c;color:#e0e0e0;font-size:16px;margin-bottom:15px;}button{width:100%;padding:10px;border:none;border-radius:4px;background-color:hsl(240,100%,59%);color:#fff;font-size:16px;cursor:pointer;}button:hover{filter:brightness(85%);}p{margin:0;}.gps-container{background-color:#1e1e1e;border-radius:8px;padding:20px;max-width:600px;box-shadow:0 4px 8px rgba(0,0,0,0.3);display:grid;grid-template-columns:1fr 1fr;gap:20px;}.gps-container>div{display:flex;flex-direction:column;}.gps-container>div>p{display:flex;align-items:flex-end;margin:0;}.gps-container>button{margin-top:auto;}.gps-container>p>input[type="text"]{margin-bottom:0}.gps-container>form{margin-top:auto}.string-container{max-width:70%;word-wrap:break-word;padding-top:1rem;text-align:center;}.centered-table-container{display:flex;flex-direction:column;justify-content:center;}.centered-table{border-collapse:collapse;}.centered-table th,.centered-table td{border:1px solid white;padding:8px;text-align:left;filter:drop-shadow(0 0 1.2vmax var(--gg_blue));}.boxSolv-container{width:55vw;}.boxSolv{background-color:#2b2b2b;border:1px solid #3c3c3c;text-align:center;position:relative;width:100%;height:4vh;border-radius:8px;margin:.5vh}.main-image{margin-top:2.5rem !important;filter:brightness(.8) contrast(1);border:2px solid rgba(48,48,255,.55);box-shadow:0 0 5rem rgba(48,48,255,0.5);}.wordcloud{padding:0em;}.wordcloud img{width:100%;height:auto;display:block;max-height:60vh;filter:opacity(0.95) drop-shadow(0 0 0.5vmax var(--gg_blue));-webkit-filter:opacity(0.95) drop-shadow(0 0 0.5vmax var(--gg_blue));object-fit:contain;}@media screen and (orientation:portrait){.wordcloud img{grid-template-columns:1fr;max-width:90%;max-height:50vh;margin:0 auto;}}.title-string{margin-top:1.5rem;}.home-pic-container{position:relative;width:100%;height:100vh;overflow:hidden;}.home-pic-container img{width:100%;height:100%;object-fit:cover;display:block;}.home-title-string{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,0.85);color:#d3d3d3;padding:10px;border-radius:8px;text-align:center;font-size:2rem;box-shadow:0 0 15rem rgba(48,48,255,1);}.all-saos-container{display:grid;gap:1rem;max-width:100%;justify-content:center;align-content:center;}.all-saos-container img{width:100%;height:auto;display:block;max-height:100vh;}@media screen and (orientation:portrait){.all-saos-container{grid-template-columns:1fr;max-width:90%;margin:0 auto;}.all-saos-container img{max-height:30vh;}}@media screen and (orientation:landscape){.all-saos-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:90%;margin:0 auto;}}.hats-container{display:flex;justify-content:center;align-items:center;overflow:hidden;width:100%;margin-top:2rem;}.hats-container img{max-height:50vh;width:auto;height:auto;object-fit:contain;box-shadow:0 0 5rem rgba(48,48,255,0.5);}.blog-title{font-size:2.5rem;text-align:center;margin-bottom:2rem;margin-top:2rem;color:#bbb;}.blog-list-content ul{list-style:none;padding:0;}.blog-list-content li{background:#262626;margin:1rem 0;padding:1rem;border-radius:5px;transition:background-color 0.3s ease;}.blog-list-content li:hover{background:#333;}.blog-list-content li a{font-size:1.2rem;color:var(--gg_blue);text-decoration:none;}.blog-list-content li span{display:block;font-size:0.9rem;color:#bbb;margin-top:0.5rem;}.blog-list-content li div{margin-top:0.5rem;color:#ccc;font-style:italic;}.blog-page{display:flex;flex-direction:row;align-items:start;margin-top:2rem;flex-grow:1;overflow-y:auto;width:100vw;}.sidebar{width:225px;background-color:#2a2a2a;padding:20px;border-radius:8px;color:#fff;margin-left:1rem;flex-shrink:0;}.sidebar h2{font-size:1.5rem;margin-bottom:1rem;}.sidebar .blog-list{list-style-type:none;padding:0;}.sidebar .blog-list li{margin-bottom:10px;}.sidebar .blog-list li a{color:#66ccff;text-decoration:none;}.sidebar .blog-list li a:hover{text-decoration:underline;}.blog-content{margin-right:1.5rem;margin-left:1.5rem;max-width:100%;width:100vw;overflow-wrap:break-word;word-wrap:break-word;}@media screen and (orientation:portrait){.sidebar{display:none;}}@media screen and (orientation:landscape){.sidebar{display:block;}}#formval{display:none;}