@font-face{font-family:__Inter_e66fe9;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ec159349637c90ad-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Inter_e66fe9;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/513657b02c5c193f-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Inter_e66fe9;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/fd4db3eb5472fc27-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Inter_e66fe9;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/51ed15f9841b9f9d-s.woff2) format("woff2");unicode-range:U+0370-03ff}@font-face{font-family:__Inter_e66fe9;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/05a31a2ca4975f99-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Inter_e66fe9;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/d6b16ce4a6175f26-s.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Inter_e66fe9;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c9a5bc6a7c948fb0-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Inter_Fallback_e66fe9;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_e66fe9{font-family:__Inter_e66fe9,__Inter_Fallback_e66fe9;font-style:normal}*{-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0;padding:0;box-sizing:border-box;font-family:sans-serif}* a,* li,* p,* table{color:#676699}body.dark-theme{background:#19202e}body.dark-theme nav{background:#1e2738}body.dark-theme nav a{border:1px solid #676679}body.dark-theme nav a:hover{background:#19202e}body.dark-theme li,body.dark-theme p{color:#a9a9a9}body.dark-theme .middle{background:#19202e}body.dark-theme a,body.dark-theme h1{color:#e5e4e2}body.dark-theme .home a{color:#fff}body.dark-theme .home a:hover{background:#19202e}body.dark-theme .darkimage{filter:invert(100%)}body.dark-theme footer{background-color:red}body.dark-theme .gate-img{filter:invert(85%);mix-blend-mode:luminosity}body.dark-theme .gateContainer .lower .description-h2,body.dark-theme .gateContainer .middle .text .visualizer-h2,body.dark-theme .gateContainer .upper .image .logic-p,body.dark-theme .gateContainer .upper .table .table-p,body.dark-theme .gateContainer .upper .table table{color:#e5e4e2}body.dark-theme .img-not{mix-blend-mode:luminosity;filter:invert(85%)}body.dark-theme .not-p{color:#fff}body.dark-theme footer{background:#1e2738}footer{display:flex;justify-content:center;align-items:center;height:35px;background:#f7f7f7}footer p,footer p a{border:none}.gateContainer .upper .not-image .not-p{color:#777;margin-bottom:20px}.gateContainer .upper .table .not-tableP{color:#777;margin-bottom:30px}.gateContainer .lower .not-h2-lower,.gateContainer .middle .text .h2-middle{color:#777}h1{color:#2f1c6a}p{font-size:18px;line-height:25px;letter-spacing:.3px}body{width:800px;height:676px;margin:15px auto auto;box-shadow:0 1px 10px 0 rgba(0,0,0,.15)}nav{width:100%;height:60px;justify-content:center;justify-content:space-around}nav,nav ul{display:flex;align-items:center}nav ul{justify-content:center;color:#000}nav ul .home{font-weight:700;font-size:20px}nav ul .home a{color:#2f1c6a}nav ul li{list-style-type:none}nav ul li a{-webkit-text-decoration-line:none;text-decoration-line:none;color:#000;padding:5px 15px;border:1px solid #000;border-radius:5px;margin:0 5px;transition:.1s linear}nav ul li a:hover{background:#f4f5ff}.gateContainer{margin:auto;height:600px;width:700px}.gateContainer h1{text-align:center}.gateContainer .upper{height:40%;display:flex}.gateContainer .upper .logic-p{margin-bottom:20px;color:#2f1c6a}.gateContainer .upper .image{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:10px}.gateContainer .upper .image img{margin-top:-10px;height:180px;width:200px;object-fit:cover}.gateContainer .upper .table{width:70%;display:flex;justify-content:center;align-items:center;flex-direction:column}.gateContainer .upper .table .table-p{margin:-10px 0 20px;color:#2f1c6a}.gateContainer .upper .table table{height:160px;width:160px;border:2px solid #000;text-align:center;border-radius:6px}.gateContainer .upper .table table thead{height:30px}.gateContainer .upper .table td,.gateContainer .upper .table th,.gateContainer .upper .table tr{border:1px solid #000}.gateContainer .middle{height:30%;display:flex;justify-content:center;align-items:center;background:#f4f5ff;box-shadow:0 1px 10px 0 rgba(0,0,0,.15)}.gateContainer .middle .text{width:40%}.gateContainer .middle .text .visualizer-h2{color:#2f1c6a}.gateContainer .middle .text p{line-height:20px}.gateContainer .middle .game{display:flex;justify-content:center;align-items:center;width:40%}.gateContainer .middle .game .left{display:flex;justify-content:center;align-items:center;flex-direction:column;width:20%}.gateContainer .middle .game .left button{height:50px;width:50px;border-radius:10%;cursor:pointer;font-size:20px;border-color:#9b86da;outline:none;color:#ab1cab}.gateContainer .middle .game .right{height:100px;width:30%;display:flex;justify-content:center;align-items:center}.gateContainer .middle .game .right .span{height:70px;width:70px;border:2px solid #9b86da;border-radius:10%;display:flex;justify-content:center;align-items:center;font-size:30px;margin-left:20px;color:#ab1cab}.gateContainer .lower{margin-top:10px}.gateContainer .lower .description-h2{color:#2f1c6a}.gateContainer .lower p{padding:10px;line-height:22px}.homeContent{padding:20px}.homeContent p{font-size:18px;text-align:justify}@media (max-width:425px){body{width:370px;height:auto;margin:0 auto;box-shadow:none}nav{justify-content:center;align-items:center;height:90px}nav,nav ul{display:flex}nav ul{flex-wrap:wrap}nav ul li{margin:10px 0 -1px}.reasons-h1{margin-bottom:20px;text-align:center}.homeContent li,.homeContent p{font-size:15px}#img-not{height:150px}.gateContainer{width:370px}.gateContainer .upper{margin-left:-20px}.gateContainer .upper .image .logic-p{margin-bottom:30px}.gateContainer .upper .image img{height:150px;width:150px}.gateContainer .upper .table table{height:140px;width:140px}.gateContainer .middle{height:280px;flex-direction:column}.gateContainer .middle .text{width:90%}.gateContainer .middle .text h2,.gateContainer .middle .text p{text-align:center}.gateContainer .middle .game{margin-top:20px;width:90%}}.loading-container{height:300px;width:100%;display:flex;justify-content:center;align-items:center}.loading-container .loadingPng{animation:ghumo 1s linear infinite}@keyframes ghumo{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}