#logo{height:5rem;margin-right:12px}#title{margin-left:12px}.container{width:800px;max-width:100%;margin:0 auto}.header{width:100%;text-align:left;margin-top:4rem;margin-left:auto;margin-right:auto;margin-bottom:2rem;justify-content:center;display:flex;flex-wrap:wrap;font-family:Alegreya, Merriweather, Lora, 'noto serif', serif}.header h1{font-size:3.5rem;line-height:5rem;margin:0;font-weight:normal}.main{margin:0 auto}.screenshots{max-width:800px;position:relative}.screenshots img{width:100%}.screenshots a{display:block;border-radius:5px;background-color:#888;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.3);box-shadow:0 5px 10px rgba(0,0,0,0.3)}.desktop-screenshot{width:90%;padding:1%;margin-bottom:4rem}.mobile-screenshot{width:20%;position:absolute;right:0;bottom:-2rem;padding:2.5% 1%}.buttons-container{display:flex;justify-content:center}.buttons-container a{padding:0.75rem;border-radius:0.375rem;text-decoration:none;margin:0.5rem;width:10rem;text-align:center}.buttons-container .primary{background-color:#ffab40;color:white;font-weight:bold}.buttons-container .secondary{border:2px solid #ffab40}.buttons-container .primary:hover{background-color:#fc5}.buttons-container .secondary:hover{background-color:rgba(255,171,64,0.25)}.section:target{-webkit-box-shadow:0px 0px 0px 2px rgba(255,171,64,0.5) inset;box-shadow:0px 0px 0px 2px rgba(255,171,64,0.5) inset}ul{margin-left:1em;padding-bottom:1em}.dark-image{display:none}@media (prefers-color-scheme: dark){.header h1{color:#ddd}.buttons-container .primary{background-color:rgba(255,171,64,0.85)}.buttons-container .secondary{border:2px solid rgba(255,171,64,0.85)}.screenshots a{background-color:#333}.light-image{display:none}.dark-image{display:block}}