ul.flex,ul.grid,ul.normal{list-style-type:none;margin:0;padding:0}.our-projects .container .options,body,header{transition:background-color .5s ease-in-out}:root{--header-height:80px;--f-s-small:1.1rem;--f-s-normal:1.2rem;--f-s-large:1.4rem;--p-smallest:4px;--p-small:8px;--p-medium:12px;--p-large:20px;--p-largest:40px;--m-smallest:4px;--m-small:8px;--m-medium:12px;--m-large:20px;--m-largest:40px;--g-smallest:6px;--g-small:8px;--g-medium:12px;--g-large:20px;--g-largest:40px;--b-r-smallest:4px;--b-r-small:8px;--b-r-medium:12px;--b-r-large:20px;--b-r-largest:40px;--b-r-rounded:50%;--primary:#FFB400;--transparent-primary:#FFB40066;--dark:#5c5c5c;--darkest:#000;--light:#f5f5f5;--lightest:#fff;--c-border:#eaeaea;--c-shadow:#d0d0d0}:root.dark-mode{--dark:#f2f4fa;--darkest:#fff;--light:#000;--lightest:#5c5c5c;--c-border:#8e8e8e;--c-shadow:#767676}*{box-sizing:border-box}body{margin:0;background-color:var(--light);font-family:Arial,Tahoma,Helvetica,sans-serif}a{text-decoration:none}button,input[type=radio]+label{cursor:pointer}h1,h2,h3,h4,h5,h6,p{margin:0}p{line-height:1.5rem}input:focus,textarea:focus{outline:0}.section{padding:60px 0}.container{width:90%;margin:auto}@media only screen and (min-width:1440px){.container{width:1260px}}.text{font-size:var(--f-s-normal);color:var(--dark)}a.main{color:var(--dark);transition:.2s ease-in-out}a.main:hover{color:var(--primary)}ul.flex{display:flex}ul.grid{display:grid}header{height:var(--header-height);display:flex;align-items:center;background-color:var(--lightest);border-bottom:2px solid var(--c-border)}header .container{display:flex;justify-content:space-between;align-items:center}header .container a.logo{display:flex;align-items:center;gap:var(--g-smallest)}header .container a.logo span{font-weight:700;font-size:var(--f-s-large);color:var(--darkest)}header .container #mode-button{padding:4px;background-color:var(--lightest);border:2px solid var(--c-border);width:70px;font-size:1.2rem;display:flex;justify-content:space-between;border-radius:20px;color:var(--dark);position:relative}header .container #mode-button span{color:var(--dark);z-index:1;height:20px}header .container #mode-button .moon{padding-right:3px}header .container #mode-button .background{display:inline-block;position:absolute;top:0;z-index:0;border-radius:50%;height:100%;width:28px;transition:.5s ease-in;left:0;background-color:#ff0}:root.dark-mode header .container #mode-button .background{background-color:#c7c7c7;transform:translateX(38px)}.our-projects .container{display:grid;grid-template-columns:240px 1fr;gap:var(--g-largest);align-items:flex-start}.our-projects .container .options{background-color:var(--lightest);padding:var(--p-medium);border-radius:var(--b-r-medium);border:1px solid var(--c-border)}.our-projects .container .options h2{margin-bottom:var(--m-medium);color:var(--darkest)}.our-projects .container .options form .group{margin-top:var(--m-medium)}.our-projects .container .options form .group h3{color:var(--darkest);margin-bottom:var(--m-smallest)}.our-projects .container .options form .group .options-list{gap:var(--g-smallest)}.our-projects .container .options form input[type=number],.our-projects .container .options form select{border:2px solid var(--c-border);border-radius:var(--b-r-smallest);width:100%;padding:var(--p-smallest);font-size:var(--f-s-small);color:var(--darkest);background-color:var(--light)}.our-projects .container .options form label{color:var(--dark);font-size:var(--f-s-small)}.our-projects .container .options form .group h3 label{color:var(--darkest)}input[type=radio]{appearance:none;background-color:var(--lightest);width:20px;height:20px;border:2px solid var(--c-border);border-radius:50%;display:inline-grid;place-content:center;cursor:pointer;margin-right:var(--m-small);transition:box-shadow .2s ease-in-out}input[type=radio]::before{content:"";width:12px;height:12px;border-radius:50%;transform:scale(0);background-color:var(--primary);transition:transform .2s ease-in-out}input[type=radio]:checked{box-shadow:0 0 4px 1px var(--primary)}input[type=radio]:checked::before{transform:scale(1)}.our-projects .container .options form #export-config{color:var(--darkest);background-color:var(--primary);border:2px solid var(--c-border);border-radius:var(--b-r-smallest);padding:var(--p-smallest);margin-top:var(--m-medium);font-size:var(--f-s-small);width:100%;font-weight:700;transition:.2s ease-in-out}#overlay .content .copy:hover,.our-projects .container .options form #export-config:hover{color:var(--primary);background-color:transparent;border-color:var(--primary)}.our-projects .container .projects__filter{gap:var(--g-smallest);margin-bottom:var(--m-largest);justify-content:center;flex-wrap:wrap}.our-projects .container .projects__filter li .category{display:block;font-size:var(--f-s-normal);padding:6px 18px;border-radius:var(--b-r-large);background-color:var(--lightest);border:1px solid var(--c-border);color:var(--darkest);font-weight:500;transition:.2s ease-in-out}.our-projects .container .projects__filter li .category.active,.our-projects .container .projects__filter li .category:hover{color:var(--primary);border-color:var(--primary)}.our-projects .container .projects__list{grid-template-columns:repeat(5,1fr);gap:var(--g-medium)}.our-projects .container .projects__list .project{background-color:var(--lightest);padding:var(--p-medium);border:1px solid var(--c-border);border-radius:var(--b-r-medium)}.our-projects .container .projects__list .project__title{color:var(--darkest);text-align:center;font-size:var(--f-s-small);font-weight:700;min-height:48px;margin-bottom:var(--m-small)}.our-projects .container .projects__list .project__number{color:var(--dark);width:40px;height:40px;background-color:var(--transparent-primary);border:1px solid var(--primary);font-size:var(--f-s-normal);display:flex;align-items:center;justify-content:center;border-radius:var(--b-r-rounded);margin:0 auto}#overlay{width:100%;height:100%;position:fixed;left:0;top:0;background-color:#000000bb;align-items:center;justify-content:center;transition:opacity .2s ease-in-out;opacity:0;display:none}#overlay .content{border:2px solid var(--c-border);border-radius:var(--b-r-small);padding:var(--p-medium);padding-bottom:calc(40px + var(--p-medium));width:70%;position:relative}#overlay .content .close{width:50px;height:50px;color:#fff;font-size:2.5rem;background-color:transparent;border:2px solid var(--c-border);display:flex;align-items:center;justify-content:center;border-radius:var(--b-r-small);position:absolute;top:0;right:0;transform:translateY(calc(-100% - var(--p-medium)))}#overlay .content .config{color:#fff;font-size:var(--f-s-normal)}#overlay .content .copy{background-color:var(--primary);border:1px solid var(--c-border);border-radius:var(--b-r-smallest);padding:var(--p-smallest) var(--p-medium);color:#fff;font-size:var(--f-s-small);position:absolute;right:var(--p-medium);bottom:var(--p-medium);transition:.2s ease-in-out}@media only screen and (max-width:1280px){.our-projects .container .projects__list{grid-template-columns:repeat(4,1fr)}}@media only screen and (max-width:1024px){.our-projects .container .projects__list{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:820px){.our-projects .container{grid-template-columns:1fr;gap:var(--g-largest);align-items:flex-start}.our-projects .container .options form{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--g-medium)}.our-projects .container .options form .group{margin-top:0}.our-projects .container .projects__list{grid-template-columns:repeat(4,1fr)}}@media only screen and (max-width:768px){.our-projects .container .projects__list{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:640px){.our-projects .container .projects__filter{justify-content:flex-start}#overlay .content{width:90%}#overlay .content .close{width:30px;height:30px;font-size:1.4rem}}@media only screen and (max-width:475px){:root{--header-height:70px;--f-s-small:.9rem;--f-s-normal:1rem;--f-s-large:1.2rem;--p-smallest:2px;--p-small:4px;--p-medium:6px;--p-large:10px;--p-largest:20px;--m-smallest:2px;--m-small:4px;--m-medium:6px;--m-large:10px;--m-largest:20px;--g-smallest:3px;--g-small:4px;--g-medium:6px;--g-large:10px;--g-largest:20px}.section{padding:30px 0}.our-projects .container .projects__filter li .category{padding:4px 12px}.our-projects .container .projects__list .project__title{min-height:32px;line-height:1rem}}@media only screen and (max-width:325px){.our-projects .container .projects__list{grid-template-columns:repeat(2,1fr)}}