:root{--color-black:#000;--color-gold:#d4c385;--color-gold-light:#e5d7a3;--color-white:#fff;--color-gray:#1a1a1a;--font-main:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-size-base:18px;--font-size-large:24px;--font-size-xl:32px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-black);color:var(--color-white);font-family:var(--font-main);font-size:var(--font-size-base);width:100vw;height:100vh;overflow:hidden}button{cursor:pointer;font-family:inherit;font-size:var(--font-size-base);border:none;border-radius:8px;transition:all .2s}.gold-text{color:var(--color-gold)}.gold-border{border:2px solid var(--color-gold)}.gold-bg{background-color:var(--color-gold);color:var(--color-black)}.gold-bg:hover{background-color:var(--color-gold-light)}::-webkit-scrollbar{width:30px}::-webkit-scrollbar-track{background:var(--color-gray)}::-webkit-scrollbar-thumb{background:var(--color-gold);border:5px solid var(--color-gray);border-radius:15px}::-webkit-scrollbar-thumb:hover{background:var(--color-gold-light)}