@import"https://use.typekit.net/jmk3xov.css";canvas{position:fixed;top:0;left:0;right:0;width:100vw;height:100vh;z-index:0}:root{--dark-bg: linear-gradient(105deg, #35a2a8b9, #d77edf80);--spacing: 5em;font-family:monotype-modern-display,sans-serif;font-weight:200;font-style:normal;box-shadow:2em 2em 2em 2em #427056}main{width:100%;color:#ffffffbd;z-index:99;position:absolute;margin:0 auto;padding:5em 0;display:grid;grid-template-columns:repeat(12,1fr)}h1,h2,h3,blockquote{font-family:monotype-modern-display,sans-serif;font-weight:500;font-style:normal;color:#ffebd2}header,section{background:var(--dark-bg);padding:1em;border-radius:45% 40%;box-shadow:0 0 20px 15px #86d8d859}header{grid-column:2 / span 3;font-size:2em;margin-bottom:var(--spacing)}section{grid-column:1 / 9;font-size:1.5em;line-height:1;margin-bottom:var(--spacing);max-width:100%;box-sizing:border-box}blockquote{margin:0;padding:0;grid-column:2 / span 9;margin-bottom:var(--spacing)}a{color:#7fffd4}blockquote p{color:#75edffef;font-size:4em;display:inline;line-height:.7;transform-style:preserve-3d;transform:perspective(400px) rotateY(50deg) rotateX(20deg)}section p{word-wrap:break-word;overflow-wrap:break-word}.left{grid-column:7 / 12}@media screen and (max-width: 768px){main{grid-template-columns:repeat(6,1fr)}header,section,blockquote{grid-column:1 / span 3}.left{grid-column:1 / -1}blockquote p{font-size:2em}}@media screen and (max-width: 480px){main{grid-template-columns:1fr}header,section,blockquote{grid-column:1 / -1}blockquote p{font-size:1.5em}.menu-toggle{display:flex;background-color:#000000b3;border-radius:50%;padding:10px;margin:10px;color:#fff}.navbar ul{position:sticky;top:0;left:0;width:100%;height:100%;background-color:#000c;flex-direction:column;justify-content:left;align-items:left;transform:translateY(-100%);transition:transform .4s ease-in-out}.navbar ul.active{transform:translateY(-100)}.menu-toggle{display:none}.navbar ul li{padding:10px;width:100%;text-align:center}.navbar ul li a{font-size:24px;color:#7fffd4}}