html{font-size:3px;background-color:#21252a;color:#fff}body,html{margin:0;padding:0}body{font-size:2.6rem;line-height:1.2;font-family:Helvetica,sans-serif;font-weight:400}a{text-decoration:none;color:inherit}header{text-align:center;margin:4.65em auto 0;position:relative}header h1{text-transform:lowercase;letter-spacing:-.05em;font-size:8em;margin:0 auto;line-height:1em;font-weight:700;white-space:nowrap;color:#fdeec8}header h1,header h1:before{position:relative;display:inline-block;left:-.1em}header h1:before{width:.7em;height:.7em;content:"";background-image:url(./bonsai-logo.svg);background-repeat:no-repeat;background-size:contain;background-position:50% 50%;top:.0025em}header h2,header p{font-weight:600;line-height:1.1em;margin:.65em auto;letter-spacing:-.015em}.green{color:#fff;background-color:#209756}.white{color:#6f3d4f;background-color:#fdeec8}.orange,div#download-button{color:#fff;background-color:#ff8400}div#download-button{display:inline-block;border-radius:1em;padding:.345em 1.23em .315em;font-weight:700;font-size:1.5em;margin:.25em auto 0;cursor:pointer;position:relative;background-repeat:no-repeat;background-position:50%;background-size:contain;-webkit-transition:-webkit-transform .15s ease-in-out;transition:-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out;transition:transform .15s ease-in-out,-webkit-transform .15s ease-in-out}div#download-button:hover{-webkit-transform:scale(1.015);transform:scale(1.015)}main{overflow:hidden;margin:6rem auto 0}main h2{font-size:2.5em}main p{font-size:1.75em}main section+section{margin-top:3rem}section{display:flex;flex-wrap:wrap;justify-content:center;margin:0 1em}.group{width:50em;padding:.25em 1em 1.75em;border-radius:1em;border:.6em solid rgba(0,0,0,.25)}.footer{font-size:1em;background-color:rgba(0,0,0,.25);margin:20rem 0 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center;height:20rem;padding:0 5rem}.video-container{border-radius:.5em}.discord-image{background-image:url(./discord.svg);background-repeat:no-repeat;background-size:contain;height:5rem;width:20rem;cursor:pointer}.email{font-size:3rem;height:5rem;display:flex;flex-wrap:wrap;justify-content:center;align-content:center}@media screen and (min-width:240px){html{font-size:1vw}body{font-size:2.75rem}header h2,header p{font-size:2.5em}}@media screen and (min-width:620px){body{font-size:2rem}header h2,header p{font-size:3.2em}main h2{font-size:1.75em}main p{font-size:1.25em}}@media screen and (min-width:1000px){html{font-size:10px}}