:root{--primary: #fa7063;--primary-light: #ffa59d;--white: #ffffff;--shadow: #21212180}.dark-theme{--primary: #00213a;--primary-light: #0e3c60;--white: #ffffff;--shadow: #21212180}@media (prefers-color-scheme: dark){:root{--primary: #00213a;--primary-light: #0e3c60;--white: #ffffff;--shadow: #21212180}.light-theme{--primary: #fa7063;--primary-light: #ffa59d;--white: #ffffff;--shadow: #21212180}}body{margin:0;background:var(--primary);color:var(--white);transition:.3s;font-family:Open Sans,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{background:linear-gradient(25deg,rgba(255,255,255,0) 0,var(--white) 200%);min-height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.nav{position:fixed;top:0;width:100vw;display:flex;align-items:center;justify-content:space-between}.nav>*{margin:1.5em}.logo{height:3em}.switch-container{cursor:pointer;position:relative;padding:12px 24px;border-radius:12px;box-shadow:inset -1.5px 1.5px 4px var(--shadow)}.switch-button{position:absolute;top:4px;left:4px;background:var(--primary-light);border-radius:8px;padding:8px;box-shadow:-1px 1px 4px var(--shadow)}.switch-button.toggled{left:28px}.switch-button{transition:all .3s ease-out}.bannerContainer{font-size:.8em;padding-top:2em}