:root{--gold:#d7be69;--teal:#2ca58d;--green:#62b132;--blue:#5881d8;--pink:#f46197;--black:#000;--white:#fff;--background:var(--white);--text:var(--black);--link-color:var(--blue)}[data-theme=dark]{--gold:#d7be69;--teal:#3eb489;--green:#91dc47;--blue:#8fb5fe;--pink:#ff75a0;--black:#161616;--white:#ddd;--background:var(--black);--text:var(--white);--link-color:var(--blue)}html,body{background:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0;font-family:Helvetica,Arial,"sans-serif";transition:background-color .3s,color .3s}.container{max-width:1000px;padding:2rem}.page{justify-content:center;padding:20px 0;font-size:24px;display:flex}p{margin:0}ul{margin-bottom:0}.mt-1{margin-top:1em}.mt-2{margin-top:2em}.link-block{text-align:center;margin-top:1.5em}a{color:var(--link-color)}nav>a{margin-left:2em;font-size:20px}a:hover{text-decoration:none}.menu{border-bottom:2px solid var(--gold);background-color:var(--background);justify-content:center;align-items:center;height:90px;transition:background-color .3s;display:flex}.menu-container{justify-content:space-between;align-items:center;width:1000px;padding:1em 2em;display:flex}.nav-container{align-items:center;display:flex}.card{border:1px solid var(--text);background-color:var(--background);border-radius:25px;padding:30px;transition:background-color .3s,border-color .3s,box-shadow .3s;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b}.card.teal{border:1px solid var(--teal);box-shadow:0 4px 10px var(--teal)}.card.green{border:1px solid var(--green);box-shadow:0 4px 10px var(--green)}.card.pink{border:1px solid var(--pink);box-shadow:0 4px 10px var(--pink)}.card.gold{border:1px solid var(--gold);box-shadow:0 4px 10px var(--gold)}.card.blue{border:1px solid var(--blue);box-shadow:0 4px 10px var(--blue)}.theme-toggle{border:2px solid var(--gold);color:var(--text);cursor:pointer;background:0 0;border-radius:20px;justify-content:center;align-items:center;margin-left:2em;padding:5px 15px;font-size:16px;transition:all .3s;display:flex}.theme-toggle:hover{background:var(--gold)}[data-theme=dark] .invert-dark img{filter:brightness(0)invert()}.card .header{margin-bottom:1em;display:block}.project-download{justify-content:center;align-items:center;margin-top:1em;display:flex}@media only screen and (max-width:600px){.menu-container{padding-left:1em;padding-right:1em}.card{padding:1em}.container{padding:1rem}.page{font-size:20px}}