style.min.css

*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5;margin:0}h1,h2,h3,h4,button,input,label{line-height:1.1}img,picture{max-width:100%;display:block}figure{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}canvas{border:6px solid #fff;border-radius:7px;background:url("../img/bg.webp") no-repeat bottom/cover}body{font:1rem/1 "Ubuntu Mono","Pixelify Sans",sans-serif;background:#70eafe center/cover fixed;display:flex;overflow-x:hidden}header{position:fixed;width:100vw;background:#000 fixed;color:#fff;text-align:center;padding:.8rem 1.2rem;z-index:99}h1{font:3rem "Pixelify Sans","sans-serif";margin:0;text-align:center}img{width:100%;height:auto}.page1{width:100vw;height:100vh;max-width:-moz-max-content;max-width:max-content;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.page1>p{font:4.5rem "Ubuntu Mono",sans-serif;color:#fff;width:30rem;margin:0;background:rgba(51,51,51,.7);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);box-shadow:0 0 .5rem .5rem rgba(51,51,51,.7)}.page2{width:100vw;min-height:calc(100vh - 100px);margin:auto;display:flex;justify-content:space-between;align-content:center;background-color:#cb70fe}.page2 a{color:#a3fe70}.page2 figure{width:100%;margin-right:4rem;background:url("/img/apple-tree.webp") center top}.page2 section{width:70%;display:block;justify-content:space-between;padding-top:2rem}.page2 h2{color:#fff}.page2 p{color:#fff;width:90%;line-height:1.5}.page2 section>img{width:60%;margin-top:2rem}footer{position:fixed;bottom:0;width:100vw;height:auto;text-align:center;background-color:#a3fe70;margin:0}footer p{width:100%;font:200 .7rem "Ubuntu Mono","sans-serif";padding:1rem;margin:0}footer a{color:#000;text-decoration:none}footer a:hover{color:#cb70fe}@media screen and (max-width: 1000px){#gameCanvas{display:none}.header{justify-content:center;height:100px}.page1 p{font-size:3.5rem;max-width:22rem}.page2{width:100%;height:auto;margin:auto;display:block;flex-direction:column}.page2 figure{display:none}.page2 section{width:100%;text-align:justify;display:flex;flex-direction:column;padding:0rem 0rem 3rem 3rem;background-color:#cb70fe}.page2 h2{text-align:center;margin-bottom:1rem}.page2 p{width:80%;order:1;margin:auto;padding-bottom:2rem}.page2 section>img{width:70%;margin:auto;order:2}.page2 section img{max-width:100%;height:auto}}@media screen and (min-width: 1001px){.page1 p{display:none}}