body{--bg-primary: #1a1a1a;--background-primary: #1a1a1a;--bg-gradient-start: rgba(149, 117, 205, .2);--bg-gradient-mid: rgba(149, 117, 205, .05);--text-primary: white;--text-secondary: #757575;--text-hover: white;--border-color: #757575;--hover-bg: rgba(255, 255, 255, .05);--button-bg: rgba(255, 255, 255, .1);--button-border: rgba(255, 255, 255, .2);--button-hover-bg: rgba(255, 255, 255, .15);background:var(--bg-primary) radial-gradient(circle at 35vw 25vh,var(--bg-gradient-start) 2.5%,var(--bg-gradient-mid) 25%,var(--bg-primary) 50%);color:var(--text-primary);font-family:Arial,sans-serif;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;line-height:1.5rem}body.theme-transitioning,body.theme-transitioning *{transition:background .6s cubic-bezier(.25,.46,.45,.94),background-color .6s cubic-bezier(.25,.46,.45,.94),color .6s ease,border-color .6s ease,box-shadow .6s ease!important}body.light-mode{--background-primary: #ffffff;--bg-primary: #ffffff;--bg-gradient-start: rgba(149, 117, 205, .2);--bg-gradient-mid: rgba(149, 117, 205, .05);--text-primary: #1a1a1a;--text-secondary: #555;--text-hover: #000;--border-color: #ddd;--hover-bg: rgba(149, 117, 205, .15);--button-bg: rgba(149, 117, 205, .2);--button-border: rgba(149, 117, 205, .4);--button-hover-bg: rgba(149, 117, 205, .3)}body.dark-mode{--background-primary: #1a1a1a;--bg-primary: #1a1a1a;--bg-gradient-start: rgba(149, 117, 205, .2);--bg-gradient-mid: rgba(149, 117, 205, .05);--text-primary: white;--text-secondary: #757575;--text-hover: white;--border-color: #757575;--hover-bg: rgba(255, 255, 255, .05);--button-bg: rgba(255, 255, 255, .1);--button-border: rgba(255, 255, 255, .2);--button-hover-bg: rgba(255, 255, 255, .15)}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;margin-top:0}h1{font-size:4rem;margin-bottom:2rem}h2{font-size:1.25rem;font-weight:400;margin-bottom:2rem}*{scrollbar-width:none}p{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem;pointer-events:auto}:not(app-navigation)>* p,:not(app-navigation) p{text-align:justify}app-navigation p{text-align:left}article{padding-top:10vh}footer{color:var(--text-secondary);font-size:.75rem;padding-top:10vh;padding-bottom:10vh}@media screen and (max-width: 480px){body{font-size:.75rem}h1{font-size:3rem}article,footer{padding:2rem 0 0!important}footer{padding-bottom:1rem!important}}