style.css

@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Abel&display=swap);body{font-weight:300;font-size:1rem;line-height:2.375;height:100vh;background:radial-gradient(ellipse at bottom,#8241b8 0,#6c33a3 100%);overflow:hidden}@media screen and (max-width:1680px){body{font-size:12pt}}@media screen and (max-width:1280px){body{font-size:11pt}}@media screen and (max-width:360px){body{font-size:10pt}}h1,h2,h3,h4,h5,h6{font-family:Rubik,Helvetica,sans-serif;font-weight:300;line-height:1.5;margin:0 0 1rem 0}#main{font-family:Abel,Georgia,serif;font-weight:200;color:#fff;font-size:16pt;text-align:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width:736px){#main{padding:3rem 2rem 3rem 2rem}#main h1{font-size:3.25rem;line-height:1.1;margin-bottom:1rem}#main p{font-size:1rem;margin-top:0}}.snowflake{position:absolute;width:10px;height:10px;background:linear-gradient(white,#fff);border-radius:50%}