:root{--bg: var(--base);--text: var(--comp);--dim: light-dark(rgba(0,0,0,.1),rgba(255,255,255,.3));--border1: var(--comp) 3px solid;--shadow-color: light-dark(rgba(0,0,0,.5),rgba(255,255,255,.5));--shadowX: 5px 0px 5px var(--shadow-color);--shadow-X: -5px 0px 5px var(--shadow-color);--shadowY: 0px 5px 5px var(--shadow-color);--shadow-Y: 0px -5px 5px var(--shadow-color);color:var(--text);--light-orange: hsl(30, 100%, 80%);--light-blue: hsl(200, 100%, 90%);--light-green: hsl(100, 100%, 80%);--green: #64FF75;--base: light-dark(var(--white),var(--black));--comp: light-dark(var(--black),var(--white));--black: black;--white: rgba(240,240,255,1);--header-bg: light-dark(#A2C5E8,#334284);--middle-bg: light-dark(#d6f4ff,#000015);background-color:var(--middle-bg);text-shadow:1px 1px 2px #A2C5E8}::selection{text-shadow:1px 1px 2px black}body{margin:0;padding:0}a{color:inherit}a:hover{color:light-dark(gray,rgba(172,172,172,1));text-shadow:light-dark(lightgray,gray)}