: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:#fff;--background:var(--black);--text:var(--white);--link-color:var(--blue)}body,html{padding:0;margin:0;background:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Helvetica,Arial,"sans-serif";transition:background-color .3s ease,color .3s ease;min-height:100vh}.container{max-width:1000px;padding:2rem}.page{padding:20px 0;font-size:24px;display:flex;justify-content:center}p{margin:0}ul{margin-bottom:0}.mt-1{margin-top:1em}.mt-2{margin-top:2em}.link-block{margin-top:1.5em;text-align:center}a{color:var(--link-color)}nav>a{font-size:20px;margin-left:2em}a:hover{text-decoration:none}.menu{height:90px;border-bottom:2px solid var(--gold);justify-content:center;background-color:var(--background);transition:background-color .3s ease}.menu,.menu-container{display:flex;align-items:center}.menu-container{width:1000px;justify-content:space-between;padding:1em 2em}.nav-container{display:flex;align-items:center}.card{padding:30px;border-radius:25px;border:1px solid var(--text);box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);background-color:var(--background);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.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{background:none;border:2px solid var(--gold);border-radius:20px;color:var(--text);padding:5px 15px;cursor:pointer;font-size:16px;margin-left:2em;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:var(--gold)}[data-theme=dark] .invert-dark img{filter:brightness(0) invert(1)}.card .header{display:block;margin-bottom:1em}.project-download{margin-top:1em;display:flex;align-items:center;justify-content:center}@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}}