*{margin:0;padding:0;list-style:none;text-decoration:none;box-sizing:border-box;font-family:Consolas,Courier New,monospace;--primary:#272822;--secondary:#1e1f1c;--tertiary:#414339;--text:#ccc;--border:#646252;--red:#f93147;--light-blue:#66d9ef;--green:#a6e22e;--tooltip-transition:opacity 100ms linear;--tooltip-delay:600ms;scrollbar-width:15px;scrollbar-color:#474844 var(--primary)}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{background:var(--primary);border-left:1px solid var(--tertiary)}::-webkit-scrollbar-thumb{background-color:#474844}::-webkit-scrollbar-thumb:hover{background-color:#525250}body,html{height:100%;color:#fff;background-color:var(--primary)}html{scroll-behavior:smooth}h1{font-size:clamp(2em,3vw,3.5em);margin-bottom:.3em}h2{font-size:2.5em}.page-container{min-height:100%;padding:30px;display:flex;grid-gap:30px;gap:30px}ic-icon{display:flex}.bxl-html5{color:#e44d26}.bxl-css3{color:#42a5f5}.bxl-javascript{color:#ffca28}.bxs-folder,.bxs-folder-open{color:#90a4ae}.bxs-file{color:#42a5f5}.red{color:var(--red)}.green{color:var(--green)}.light-blue{color:var(--light-blue)}.code-button,button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:block;padding:5px 10px;font-size:15px;background-color:#75715e;color:#edffe8;cursor:pointer;border:none}.code-button:hover,button:hover{background-color:#8d8871}.card{padding:10px;background-color:#2d2e29;color:var(--text);border:1px solid #75715e}.card-header{font-size:20px;font-weight:700;margin-bottom:10px}.card-divider{border:1px solid #75715e;margin:20px auto;width:50%}.card-image{object-fit:cover;width:calc(100% + 20px);margin:0 -10px 10px}.card-content{margin-bottom:10px}input,textarea{background-color:var(--tertiary);border:none;outline:0;color:#bbbbba;padding:5px}input:focus,textarea:focus{outline:1px solid #75715e}input::placeholder,textarea::placeholder{color:#82837e}.media-links{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;display:flex;flex-direction:column;border-left:1px solid var(--tertiary)}.media-links .clickable-link:hover{background-color:#414339}.media-links a,.media-links li{color:var(--text);padding:3px 10px;display:flex;align-items:center;grid-gap:5px;gap:5px;font-size:14px}.simple-tooltip{background-color:#292a2d;border:1px solid #cfd1d4;color:#cfd1d4}.arrow-tooltip,.simple-tooltip{position:absolute;font-size:12px;padding:4px 8px;text-align:center;white-space:nowrap}.arrow-tooltip{background-color:var(--tertiary);border:1px solid var(--border);color:var(--text);box-shadow:0 5px 10px #0003}.arrow-tooltip:after{content:"";position:absolute;width:6px;height:6px;background:inherit;box-shadow:inset 1px -1px 0 var(--border)}.arrow-tooltip,.simple-tooltip{z-index:100}