@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";.header{position:fixed;width:100%;top:0;left:0;background-color:var(--forth-color);z-index:var(--z-fixed)}.nav{display:flex;align-items:center;justify-content:space-between;position:relative;height:var(--header-height);margin:1rem}.nav__logo{color:var(--first-color);transition:color .4s;font-size:var(--h2-font-size);font-family:var(--body-font)}.nav__toggle,.nav__close{font-size:1.5rem;color:var(--first-color);cursor:pointer;padding-top:6px}.nav__cta{background-color:var(--first-color);color:var(--first-color);border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;padding:.75rem 1.5rem}@media screen and (max-width: 666px){.nav__menu{position:fixed;top:0;right:-100%;background-color:#0f0f0f80;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);width:80%;height:100%;padding:6rem 3rem 0;transition:right .4s}}.nav__link{color:var(--first-color);font-weight:var(--font-semi-bold);transition:color .4s}.nav__link:hover{color:var(--third-color)}.nav__close{position:absolute;top:1rem;right:1.5rem}.show-menu{right:0}.nav__list{display:flex;flex-direction:row;column-gap:2.5rem}.nav__menu_mobile{position:fixed;top:0;right:-100%;background-color:#0f0f0f33;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);width:80%;height:100%;padding:6rem 3rem 0;transition:right .4s}.nav__github__logo{max-width:40px}@media screen and (min-width: 667px){.nav{height:calc(var(--header-height) + 1rem)}.nav__toggle,.nav__close{display:none}.nav__list{flex-direction:row;column-gap:2.5rem}}.nav__list{display:flex;flex-direction:column;row-gap:2.5rem}.nav__list__web{display:flex;flex-direction:row;column-gap:2.5rem;align-items:center;list-style-type:none;padding:30px}.nav__title{padding:30px}@media screen and (max-width: 666px){.nav{width:90%;margin:auto;margin-top:1rem;margin-bottom:1rem}.nav__title{padding:0}}.board__card{width:90%;aspect-ratio:1;border:2px solid var(--first-color);background-color:var(--first-color);border-radius:20px;margin:0 auto 2%;display:flex;justify-content:space-evenly;align-items:center;max-width:900px;flex-direction:column;box-shadow:0 .2rem 3.2rem -.125rem var(--second-color),0 0 .5rem .5rem var(--forth-color);margin-bottom:clamp(30px,2vw,50px)}.board__buttons{display:flex;justify-content:space-evenly;align-items:center;gap:10px;padding:clamp(10px,3vw,15px)}.board__name{font-size:clamp(1.25rem,3vw,2rem);padding:clamp(10px,3vw,15px);color:var(--text-color)}.maze{display:flex;flex-direction:column;width:80%;aspect-ratio:1;border:1px solid var(--gridline-color);box-shadow:0 0 10px 10px #000000b3}.maze__row{display:flex;border:1px solid var(--gridline-color);z-index:5}@media (max-width: 767px){.maze__row{border:none}}.clientcontrolpanel__card{width:90%;border:2px solid var(--first-color);background-color:var(--first-color);border-radius:20px;margin:0 auto 2%;max-width:900px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"maze colors stats";gap:20px;color:var(--text-color);padding:10px;box-shadow:0 .2rem 3.2rem -.125rem var(--second-color),0 0 .5rem .5rem var(--forth-color);margin-bottom:clamp(30px,2vw,50px)}.clientcontrolpanel__title{text-align:center;text-wrap:none;font-size:larger;margin-bottom:10px}.clientcontrolpanel__mazecontrols__section{grid-area:maze;display:flex;flex-direction:column;justify-content:space-around;gap:10px}.clientcontrolpanel__mazecontrols__input{display:flex;justify-content:space-between;font-weight:700}.clientcontrolpanel__mazecontrols__buttons{display:flex;justify-content:space-evenly;padding:5px;gap:10px}.clientcontrolpanel__statscontrols__section{grid-area:stats;display:flex;flex-direction:column;justify-content:space-around;font-weight:700;gap:10px}.clientcontrolpanel__statscontrols__stats{display:flex;justify-content:space-between}.clientcontrolpanel__colorcontrols__section{grid-area:colors;display:flex;flex-direction:column;justify-content:space-around;gap:5px}.clientcontrolpanel__colorselector{display:flex;justify-content:space-between;align-items:center;font-weight:700}@media (max-width: 767px){.clientcontrolpanel__card{grid-template-columns:1fr;grid-template-areas:"maze" "colors" "stats"}.clientcontrolpanel__mazecontrols__input,.clientcontrolpanel__colorselector,.clientcontrolpanel__statscontrols__stats{padding-top:2px;padding-bottom:2px}}@media (max-width: 430px){.clientcontrolpanel__mazecontrols__input{display:block}}.fetchboards__section{width:90%;max-width:1300px;min-height:20rem;border:2px solid var(--first-color);background-color:var(--first-color);border-radius:20px;margin:0 auto 2%;color:var(--text-color);box-shadow:0 .2rem 3.2rem -.125rem var(--second-color),0 0 .5rem .5rem var(--forth-color);margin-bottom:clamp(30px,2vw,50px)}.fetchboards__displayedboards{display:grid;justify-content:center;align-items:center;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:20px;padding:10px}.fetchboards__sortoptions{padding:10px;display:flex;gap:10px}.fetchboards__sortoptions__title{font-weight:700}.fetchboards__card{box-shadow:0 4px 8px #000000b3;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:10px}.fetchboards__image{width:70%;border:1px solid black;aspect-ratio:1;max-height:300px}.fetchboards__text{text-align:center;margin-top:5px}.fetchboards__text__name{font-weight:700}.fetchboards__loading{width:30%;aspect-ratio:1;border:2px solid var(--first-color);background-color:var(--first-color);border-radius:20px;margin:0 auto 2%;display:flex;justify-content:space-evenly;align-items:center;max-width:900px;flex-direction:column;box-shadow:0 .2rem 3.2rem -.125rem var(--second-color),0 0 .5rem .5rem var(--forth-color);margin-bottom:clamp(30px,2vw,50px)}.fetchboards__loading__animation{width:45px;aspect-ratio:1;--c: conic-gradient(from -90deg, #000 90deg, #0000 0);background:var(--c),var(--c);background-size:40% 40%;animation:l20 1.5s infinite}@keyframes l20{0%,20%{background-position:0 0,0 calc(100% / 3)}33%{background-position:0 0,calc(100% / 3) calc(100% / 3)}66%{background-position:0 calc(100% / 3),calc(100% / 3) 0}80%,to{background-position:0 calc(100% / 3),0 0}}.fetchboards__error{text-align:center;max-width:320px;aspect-ratio:1;width:90%;border:2px solid var(--first-color);background-color:var(--first-color);border-radius:20px;margin:0 auto 2%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:10px;box-shadow:0 .2rem 3.2rem -.125rem var(--second-color),0 0 .5rem .5rem var(--forth-color)}.fetchboards__error__img{width:80%;margin:0 auto 2%;box-shadow:0 .2rem 3.2rem -.125rem var(--second-color),0 0 .5rem .5rem var(--forth-color);cursor:default!important}.fetchboards__pagination{display:flex;justify-content:center;padding:10px;gap:10px}.fetchboards__pagination button{padding:10px;border-radius:5px}.fetchboards__pagination__inactive{background-color:var(--third-color);color:var(--forth-color);border:1px solid var(--forth-color)}.fetchboards__pagination__active{background-color:var(--forth-color);color:var(--third-color);border:1px solid var(--third-color)}.about__card{width:80%;border:2px solid var(--first-color);background-color:var(--first-color);border-radius:20px;margin:0 auto 2%;max-width:900px;display:flex;justify-content:space-between;padding:10px;box-shadow:0 .2rem 3.2rem -.125rem var(--first-color),0 0 .5rem .5rem var(--forth-color)}.about__text{padding:10px 20px}.about__title{text-align:center;margin:10px 10px 20px}.about__p{line-height:1.5rem;margin-bottom:1.5em;text-align:left}.about__p a{text-decoration:none}.about__p a:hover{text-decoration:underline}.submitboard__card{width:90%;border:2px solid var(--first-color);background-color:var(--first-color);border-radius:20px;margin:0 auto 2%;max-width:900px;margin-bottom:clamp(30px,2vw,50px);padding:10px}.submitboard__form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.submitboard__name{text-wrap:none;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}@media (max-width: 344px){.submitboard__name{flex-direction:column}}.main-content{padding-top:8rem}*{box-sizing:border-box;padding:0;margin:0}:root{--header-height: 3.5rem;--first-color: #66fcf1;--second-color: #45a29e;--third-color: #c5c6c7;--forth-color: #1f2833;--title-color: hsl(184, 83%, 50%);--text-color: #0b0c10;--body-color: #0b0c10;--gridline-color: white;--body-font: "Inter";--h2-font-size: 1.25rem;--small-font-size: .813rem;--font-semi-bold: 600;--z-tooltip: 10;--z-fixed: 100}body{background-image:linear-gradient(to top,var(--body-color),var(--forth-color));color:var(--text-color);font-family:var(--body-font);min-height:100vh}ul{list-style:none}a{text-decoration:none}.build{box-shadow:0 .2rem 3.2rem -.125rem var(--third-color),0 0 .5rem .5rem var(--forth-color);margin-bottom:clamp(30px,2vw,50px)}.interactive__button{padding:.6em;border:none;outline:none;color:var(--third-color);background:#111;cursor:pointer;position:relative;z-index:0;border-radius:10px;user-select:none;-webkit-user-select:none;touch-action:manipulation}.interactive__button:not(:disabled):hover{color:var(--text-color);background-color:var(--third-color);box-shadow:#000000b3 0 8px 15px;transform:translateY(-3px)}.interactive__button:not(:disabled):active{box-shadow:none;transform:translateY(0)}.interactive__button:disabled{color:var(--text-color);background-color:var(--third-color);cursor:default!important}