@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap";:root{--background: #fff;--text-primary: #000;--button-bg: #000;--button-text: #fff}[data-theme=dark]{--background: #000;--text-primary: #fff;--button-bg: #fff;--button-text: #000}[data-theme=light]{--background: #fff;--text-primary: #000;--button-bg: #000;--button-text: #fff}.theme-switch{width:100%;height:100vh;background-color:var(--background);color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .5s}.theme-switch h1{color:var(--text-primary);font-size:6rem;text-align:center;margin-bottom:2rem;text-transform:uppercase}.theme-switch button{background-color:var(--button-bg);border:1px solid var(--button-bg);color:var(--button-text);text-transform:uppercase;font-size:4rem;font-weight:700;padding:1.2rem}:root{--color-bg-1: #101b30;--color-bg-2: #0f172a;--color-bg-3: #111827;--color-text-1: #cbd5e1;--color-text-2: #0ea5e9;--color-text-3: #0f172a;--color-border-1: #64748b;--color-border-2: #94a3b8;--color-border-3: #6b7280}*::-webkit-scrollbar{background-color:#fff;width:8px}*::-webkit-scrollbar-thumb{background-color:#6b7280}*,*:before,*:after{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}@media only screen and (max-width: 600px){html{font-size:50%}}body{font-family:Roboto;background-color:var(--color-bg-2);color:var(--color-text-1);line-height:1.6}input,button,textarea{outline:none;border:none;background-color:transparent;color:inherit;font-family:inherit;font-size:inherit}button{cursor:pointer;-webkit-user-select:none;user-select:none}ul{list-style-type:none}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;-webkit-user-select:none;user-select:none}.wrapper{min-height:100vh;display:grid;place-items:center}