:root{--color-primary: hsl(0, 0%, 98%);--color-secondary: hsl(0, 0%, 13%);--color-accent: hsl(282, 43%, 53%);--color-dark-font: hsl(0, 0%, 10%);--color-light-font: hsl(255, 100%, 100%);--color-action: hsl(153, 57%, 77%);--color-danger: hsl(0, 87%, 62%);--color-primary-hsl: 0, 0%, 98%;--color-secondary-hsl: 0, 0%, 13%;--color-accent-hsl: 282, 43%, 53%;--h1: bold clamp(2rem, 5vw, 2.5rem)/1 var(--ff);--h2: bold clamp(1.5rem, 4vw, 2rem)/1 var(--ff);--h3: normal clamp(1.25rem, 3.25vw, 1.5rem)/1 var(--ff);--span: normal clamp(1rem, 3vw, 1.5rem)/1 var(--ff);--p: normal clamp(.875rem, 2.5vw, 1.25rem)/1 var(--ff);--a: normal clamp(.875rem, 2.5vw, 1.25rem)/1 var(--ff);--li: normal clamp(.8rem, 2.25vw, 1rem)/1 var(--ff);--small: normal clamp(.65rem, 1.5vw, .75rem)/1 var(--ff);--ff: "Comme", Verdana, Arial, sans-serif;--value: 10px;--margin: var(--value) var(--value);--margin-horizontal: 0 var(--value);--margin-vertical: var(--value) 0;--padding: var(--value) var(--value);--padding-horizontal: 0 var(--value);--padding-vertical: var(--value) 0;--spacer: 3px;--standard-border: 1px solid var(--color-secondary);--medium-border: 1px solid hsla(var(--color-secondary-hsl), .5);--soft-border: 1px solid hsla(var(--color-secondary-hsl), .2);--standard-radius: 5px;--image-radius: 100px;--floating-shadow: 0px 0px 1px 1px hsla(var(--color-accent-hsl), 1);--card-shadow: 0 2px 4px hsla(var(--color-secondary-hsl), .15);--button-shadow: 0 3px 6px hsla(var(--color-secondary-hsl), .05)}@media (prefers-color-scheme: dark){:root{--color-primary: hsl(0, 0%, 13%);--color-secondary: hsl(0, 0%, 98%);--color-accent: hsl(282, 43%, 53%);--color-action: hsl(153, 57%, 77%);--color-danger: hsl(0, 87%, 62%);--color-primary-hsl: 0, 0%, 13%;--color-secondary-hsl: 0, 0%, 98%}}*,*:before,*:after{padding:0;margin:0}html{overflow-y:hidden;height:100%;width:100%}body{height:100%;width:100%;color:var(--color-secondary);background-color:var(--color-primary);overflow-y:scroll;overflow-x:hidden}h1{font:var(--h1)}h2{font:var(--h2)}h3{font:var(--h3)}span{font:var(--span)}p{font:var(--p)}a{font:var(--a);text-decoration:none;color:var(--color-secondary);padding:var(--padding-horizontal)}a:not(:has(svg)):hover{color:var(--color-accent);border-radius:var(--standard-radius);cursor:pointer}li{font:var(--li)}small{font:var(--small)}button{border-radius:var(--standard-radius);border:var(--standard-border);padding:var(--spacer) var(--spacer);width:fit-content;box-shadow:var(--button-shadow);color:var(--color-dark-font)}button:hover{cursor:pointer;box-shadow:var(--floating-shadow);border-color:var(--color-accent)}button:active{color:var(--color-primary);background-color:var(--color-accent)}.action-button{background-color:var(--color-action);min-width:50px}.action-button:disabled{background-color:transparent}.danger-button{background-color:var(--color-danger)}