:root{--white-color: white;--black-color: #121B22;--dark-color: #1F2C34;color-scheme:dark}body{margin:0;background-color:var(--black-color);font-size:20px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:var(--white-color);font-size:20px;margin-top:60px}.header{position:fixed;top:0;left:0;width:100%;padding:12px 20px;text-align:left;background-color:var(--dark-color);display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;z-index:10}.header h1{margin:0;font-size:1rem;line-height:1}.header button{background-color:var(--dark-color);border:none;line-height:0;padding:0;margin:0;cursor:pointer}.header-page{justify-content:flex-start}.header-page button{margin-right:12px}#favorite{position:absolute;top:12px;right:16px}#favorite.fa-active svg{fill:orange}.container{margin:0 auto;max-width:900px;padding:20px 24px}a{text-decoration:none;color:var(--white-color)}.content{margin:24px 0}.box{background-color:var(--dark-color);border-radius:12px;box-sizing:border-box;padding:24px}#sidenav{position:fixed;top:0;right:-200px;background-color:var(--dark-color);padding:10px 0;z-index:20}.img-responsive{width:100%;height:auto}#sidenav ul{list-style:none;margin:0;padding:0}#sidenav li{font-size:16px;text-align:left;padding:6px 32px 12px 24px}#sidenav.open{animation-name:openMenu;animation-duration:.4s;animation-fill-mode:forwards}@media only screen and (min-width:600px){.header h1{font-size:1.25rem}}@media only screen and (max-width:600px){:global(.splide__arrows){display:none!important}}@keyframes openMenu{0%{right:-200px;top:0}to{right:0;top:50px}}