:root{--main-color: #060817;--main-bg-color: #2e303d;--secondary-bg-color: #121212;--accent-color: #80ed99;--accent-color-minor: #5b5b5b;--project-bg-card: #101313;--light-font-color: #eee;--dark-font-color: #222;--accent-font-color: #1d8034}*{box-sizing:border-box}html{background-color:#1e1e1e;position:relative}body{margin:0 auto;padding:0;width:100%;max-width:1600px;font-family:Arial,Helvetica,sans-serif;color:var(--main-font-color);background:var(--main-color)}main{padding:1rem;min-height:calc(100vh - 17.5rem);background-color:#fff;color:#333;position:relative}.page-title{margin:auto;padding:.5em 1em;text-align:center;background-color:#5b5b5b;color:#eee}code{padding:1em .5em;font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}li{margin-bottom:.3em;letter-spacing:1px;line-height:1.2;max-width:80ch}p{letter-spacing:.5px;width:100%;max-width:75ch}a{color:inherit;text-decoration:none}button{min-width:130px;height:40px;color:#fff;padding:5px 10px;font-weight:700;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block;outline:none;border-radius:5px;border:none;box-shadow:inset 2px 2px 2px #ffffff80,7px 7px 20px #0000001a,4px 4px 5px #0000001a;background:#57cc99;z-index:1}button:hover:after{width:100%;left:0}button:after{border-radius:5px;position:absolute;content:"";width:0;height:100%;top:0;z-index:-1;box-shadow:inset 2px 2px 2px #ffffff80,7px 7px 20px #0000001a,4px 4px 5px #0000001a;transition:all .3s ease;background-color:#80ed99;right:0}button:active{top:2px}pre{margin:3rem auto;padding:2rem 3rem;border-radius:6px;font-weight:700;font-size:.9rem;letter-spacing:.3px;box-shadow:4px 4px 15px #0008}.hidden{display:none}