:root{--bg:#fefefe;--bg-2:#f8f8f8;--hColor:#2d2d2d;--txtColor:#6a6a6a;--fs:1.05rem}:root body.dark{--bg:#212121;--bg-2:#2d2d2d;--hColor:#fbfbfb;--txtColor:#c6c6c6}::-webkit-scrollbar{width:.7rem}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:1rem}*{border:0;list-style:none;margin:0;outline:none;padding:0}body,html{overflow-x:hidden}body{background:#f8f8f8;background:var(--bg-2);color:#6a6a6a;color:var(--txtColor);font-family:Open Sans,sans-serif;font-size:1.05rem;font-size:var(--fs);font-weight:300;transition:.2s ease-in}h1,h2{color:#2d2d2d;color:var(--hColor)}h1{font-size:2rem;font-weight:300;margin-bottom:2rem}h2{font-size:1.5rem;margin-bottom:.8rem}a{color:#2d2d2d;color:var(--hColor);font-weight:400;text-decoration:none;transition:.2s ease-in}a:hover{color:#6a6a6a;color:var(--txtColor)}button{background:none}@media(max-width:58.6em){body{font-size:1.22rem}}main{height:calc(100vh - 4.5rem)}main .sidebar{background-color:#fefefe;background-color:var(--bg);box-shadow:.1rem .2rem .6rem rgba(0,0,0,.1);color:#2d2d2d;color:var(--hColor);float:left;height:calc(100% - 8rem);overflow:auto;padding:4rem 2rem;position:relative;scroll-behavior:smooth;scrollbar-color:rgba(0,0,0,.1) transparent;scrollbar-width:thin;transition:transform .5s ease-in-out;width:12.5rem}main .sidebar[data-visible=false]{position:absolute;transform:translateX(-100%)}main button#sidebar-toggle{background-image:url(/static/media/arrow.9e9c85fb299638595107.svg);background-position:50%;background-repeat:no-repeat;display:block;padding:.8rem;position:absolute;right:1.5rem;top:1.2rem;transform:rotate(180deg)}main button#sidebar-toggle[aria-expanded=false]{left:1.5rem;right:unset;transform:rotate(0)}main .container{float:right;height:calc(100% - 8rem);overflow:auto;padding:4rem 2rem;position:relative;scroll-behavior:smooth;scrollbar-color:rgba(0,0,0,.1) transparent;scrollbar-width:thin;transition:width .5s ease-in-out;width:calc(100% - 20.5rem)}main .container[data-full-width=false]{width:calc(100% - 8rem)}main footer{align-items:center;display:flex;justify-content:space-between;justify-content:center;padding-top:3rem;text-align:center}@media screen and (max-width:830px){main .container{margin-right:0;padding-left:1.5rem;width:calc(100% - 3.5rem)}}body.dark main button#sidebar-toggle{background-image:url(/static/media/arrow-w.e63997ed19b244ee30ca.svg)}.flex{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:flex-start}@media screen and (max-width:830px){.flex{align-items:start;flex-direction:column;gap:1rem}}header{align-items:center;background-color:var(--bg);box-shadow:.1rem .2rem .6rem rgba(0,0,0,.1);display:flex;justify-content:space-between;padding:.8rem 3rem;position:relative;z-index:98}header a.logo{line-height:0}header a.logo img{height:3.2rem;width:10rem}header .nav-btns,header .navbar{align-items:center;display:flex;justify-content:space-between}header #toggle-theme{cursor:pointer}header #toggle-theme img{width:1.5rem}header nav ul{align-items:center;display:flex;justify-content:space-between}header nav ul li{padding:0 1.5rem}header nav ul li a{font-weight:300}.dark header .logo{filter:invert(1)}@media screen and (max-width:830px){header{padding:1rem}header #toggle-theme{margin-right:1rem;position:relative;z-index:9999}header .nav-toggle{grid-gap:.5rem;cursor:pointer;display:grid;gap:.5rem;position:relative;transition:.2s ease-in;width:1.8rem;z-index:999}header .nav-toggle .bar1,header .nav-toggle .bar2,header .nav-toggle .bar3{background:var(--hColor);cursor:pointer;display:block;height:.11rem;transition:.2s ease-in;width:100%}header .nav-toggle[aria-expanded=true]{right:-.5rem}header .nav-toggle[aria-expanded=true] .bar1{transform:rotate(-45deg) translateX(-50%)}header .nav-toggle[aria-expanded=true] .bar2{opacity:0}header .nav-toggle[aria-expanded=true] .bar3{transform:rotate(45deg) translateX(-50%)}header #navMobileOpen{height:100vh;inset:0;position:absolute;transform:translateX(100%);transform-origin:right;transition:transform .6s ease-in;width:100vw;z-index:99}header #navMobileOpen .navMobilePannel{background-color:var(--bg);box-shadow:.1rem .2rem .6rem rgba(0,0,0,.1);inset:0;overflow:auto;padding:6rem 2rem;position:absolute;z-index:99}header #navMobileOpen .navMobilePannel nav ul{display:block}header #navMobileOpen .navMobilePannel nav ul li{padding:0 0 .8rem}header #navMobileOpen .navMobilePannel nav ul li:last-child{padding-bottom:2rem}header #navMobileOpen[data-visible=true]{transform:translateX(0)!important}}.sidebar h1.title{text-transform:uppercase}ul.categories li{cursor:pointer;font-size:1.3rem;padding:.5rem 0;transition:.2s ease-in}ul.categories li:hover{color:var(--txtColor)}@media screen and (max-width:830px){h1.title{font-size:1.3rem;font-weight:500;margin-bottom:1rem;text-transform:uppercase}ul.categories li{font-size:1.2rem;padding:0 0 .5rem 1rem}ul.categories li:last-child{padding-bottom:0}}.activeCat{animation:fadeIn 1s ease-in;font-size:3.6rem;margin-bottom:1rem}.activeCat:first-letter{text-transform:uppercase}select{background-color:var(--bg);border-radius:1rem;box-shadow:.1rem .2rem .6rem rgba(0,0,0,.1);color:var(--txtColor);margin-left:.6rem;min-width:4rem;padding:.5rem .8rem}form{display:flex;gap:.8rem}form input{width:13rem}form button,form input{background:var(--bg);border-radius:1rem;box-shadow:.1rem .2rem .6rem rgba(0,0,0,.1);color:var(--hColor);padding:.5rem .8rem}form button{padding-inline:2rem}form button:hover{background:var(--hColor);color:var(--bg);transition:.4s ease-in}@media screen and (max-width:830px){.activeCat{font-size:2.3rem}select{margin-top:.5rem}form{flex-direction:column}}.card-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:4rem;justify-content:flex-start;margin-top:3rem;min-height:65vh}.card-container .card{animation:fadeIn 1s ease-in;background-color:var(--bg);box-shadow:.1rem .2rem .6rem rgba(0,0,0,.1);color:var(--txtColor);margin-bottom:2rem;min-width:18rem;overflow:hidden;width:calc(33.33333% - 3rem)}.card-container .card .browser-bar{background:#e1e3e6 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 25'%3E%3Ccircle fill='red' cx='3.6' cy='12.8' r='3.5'/%3E%3Ccircle fill='orange' cx='16.6' cy='12.8' r='3.5'/%3E%3Ccircle fill='green' cx='29.6' cy='12.8' r='3.5'/%3E%3C/svg%3E") no-repeat .8rem 0;background-size:cover;display:block;height:1.5rem}.card-container .card img{aspect-ratio:14.3/9;width:100%}.card-container .card img:before{align-items:center;aspect-ratio:14.3/9;background-color:#ececec;color:#212121;content:"Broken Image: " attr(alt);display:flex;justify-content:center;text-align:center}.card-container .card .card-info{padding:1.6rem}.card-container .card .card-info a{text-decoration:none}.card-container .card .card-info a h2{color:var(--hColor)}@media screen and (max-width:830px){.card-container .card{width:100%}.card-container .card .card-info{padding:1.2rem}}@keyframes fadeIn{0%{opacity:0;transform:rotateY(-2deg) rotateX(-2deg)}to{opacity:1;transform:rotateY(0deg) rotateX(0deg)}}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:2rem;width:100%}.pagination button{border-radius:1rem;color:var(--txtColor);font-family:Open Sans,sans-serif;font-size:1rem;padding:.4rem .8rem;transition:.5s ease}.pagination button.active,.pagination button:hover{background:var(--bg)}#goTop{fill:var(--bg);background-color:var(--hColor);border-radius:2rem;bottom:3rem;cursor:pointer;display:none;opacity:.6;padding:.15rem .5rem;position:fixed;right:2rem;transition:.2s ease-in;z-index:96}#goTop:hover{opacity:1}#goTop svg{width:1.2rem}.d-block{display:block!important}
/*# sourceMappingURL=main.4eb976f3.css.map*/