body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
@font-face{font-family:SpaceGrotesk;src:local("SpaceGrotesk"),url(fonts/SpaceGrotesk-SemiBold.ttf) format("truetype")}
body{background-color:#f3f1ef;padding:38px}
a,p{color:rgba(0,0,0,.8);font-family:SpaceGrotesk,Helvetica,sans-serif;font-style:normal;font-size:4.72vw;line-height:5.13vw;transition:.3s ease-out}
p{margin-top:7.63vw;margin-bottom:0;letter-spacing:-.2vw;max-width:80vw}
p:first-of-type{margin-top:0}
a{color:#7d4ee3;text-decoration:none;position:relative}
a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.09em;background-color:#7d4ee3;opacity:0;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s;-webkit-transform:translate3d(0,-.1em,0);transform:translate3d(0,-.1em,0)}
a:focus:after,a:hover:after{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
.badges{margin-top:32px}
.badge{background-color:#7d4ee3;color:#f3f1ef;font-size:1.73vw;line-height:3.5vw;vertical-align:middle;border-radius:.69vw;display:inline-block;height:3.5vw;padding:0 1.38vw;margin-left:1.2vw;letter-spacing:0}
.badge:first-of-type{margin-left:0}
.webImg{position:fixed;background-color:#fff;width:50vw;height:auto;bottom:40px;right:40px;border-radius:6px;border:none;transition:.5s ease-in-out;-webkit-filter:drop-shadow(0 4px 24px rgba(0,0,0,.25));filter:drop-shadow(0 4px 24px rgba(0,0,0,.25));opacity:1;-webkit-transform:translate3d(120%,0,0);transform:translate3d(120%,0,0)}
.visible{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
.topics{margin-top:7.63vw;display:flex;align-items:center}
.topic{display:inline-block;margin:0;cursor:pointer}
.topic a{color:rgba(0,0,0,.8)}
.topic a:hover{color:#7d4ee3}
.topic a:after{display:none}
.topic:last-of-type{margin-left:3vw}
.topic.current,.topic:hover{color:#7d4ee3}
.imgSection{display:flex;flex-wrap:wrap}
.imgSection img{max-width:80vw;margin-top:40px;border-radius:6px;max-height:90vh;margin-right:40px;align-self:center}
p.small{font-size:20px;letter-spacing:0}
.backToTop{color:rgba(0,0,0,.8)}
.backToTop:hover{color:#7d4ee3}
.backToTop:after{display:none}
@media screen and (max-width:768px){
  body{padding:16px}
  a,p{font-size:30px;line-height:38px;-webkit-hyphens:auto;hyphens:auto;max-width:100%}
  p.mainP{margin-bottom:20px}
  .badges{margin-bottom:60px}
  p.mainP:last-of-type{margin-bottom:240px}
  a{color:#000}
  a.visible{color:#7d4ee3}
  a.visible:after{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
  .badges{display:block;margin-top:10px}
  .badge{font-size:16px;line-height:24px;border-radius:4px;height:24px;padding:0 12px;margin-right:10px;margin-left:0}
  .webImg{width:calc(100vw - 20px);z-index:100;left:10px;bottom:10px;-webkit-filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}
  .imgSection img{max-width:100%;margin-top:20px;border-radius:4px;margin-right:20px}
}