#home-page{h2{font-size:48px;font-style:normal;font-weight:800;line-height:48px;letter-spacing:-.576px}#create-story-btn{margin-top:20px}@media (min-width:768px){#topics .topic-link{width:128px}}#leaderboard{position:relative;margin:0 auto;overflow:hidden;h1{margin:0 20px;color:var(--black,#000);font-size:81px;line-height:100px;font-family:Inter;font-style:normal;font-weight:700;span{color:var(--sky-800,#075985);font-style:italic;font-weight:700;font-size:116px;&.outer-span{margin-right:10px}}}@media (max-width:768px){h1{max-width:300px;line-height:60px;font-size:40px;span{font-size:80px}}}}#leaderboard:after{content:"";position:absolute;top:0;right:0;background-image:url(/people.png);background-size:contain;background-repeat:no-repeat;background-position:0 0;width:50%;height:100%;max-width:600px;z-index:-1}.inner-span,.outer-span{position:relative;display:inline-block}.inner-span{padding:10px}.inner-span:after,.inner-span:before,.outer-span:after,.outer-span:before{content:"";position:absolute;width:10px;height:10px}.get-started{.inner-span{width:258px;text-align:center;border:2px solid var(--green-500,#38a169)}.inner-span:after,.inner-span:before,.outer-span:after,.outer-span:before{background:var(--green-500,#38a169)}}#leaderboard{.inner-span{border:2px solid var(--red-400,#f56565)}.inner-span:after,.inner-span:before,.outer-span:after,.outer-span:before{background:var(--red-400,#f56565)}}.outer-span:before{top:-5px;left:-5px}.outer-span:after{top:-5px;right:-5px}.inner-span:before{bottom:-5px;left:-5px}.inner-span:after{bottom:-5px;right:-5px}#circles{#create-story{width:258px;height:48px;padding:0 24px}.get-started{position:relative;font-size:30px;padding:10px 50px;display:block}.image-1{position:absolute;top:35%;right:14%}.image-2{position:absolute;bottom:20%;left:8%}.image-3{position:absolute;top:5%;right:50%}.image-4{position:absolute;top:25%;left:15%}.image-5{position:absolute;top:30%;left:35%}.image-6{position:absolute;bottom:23%;right:52%}.image-7{position:absolute;bottom:15%;right:28%}.text{font-size:20px;font-weight:700}.text-1{top:43%;left:8%}.text-1,.text-2{position:absolute;width:100px;text-align:center}.text-2{bottom:34%;right:18%}.text-3{position:absolute;top:15%;right:21%;width:100px;text-align:center}@media only screen and (max-width:768px){.image-4,.image-5,.image-6{display:none}.text-2{bottom:25%;right:10%}.text-3{top:14%;right:22%}.text-1{top:40%;left:2%}.image-1{position:absolute;top:28%;right:5%}.image-2{bottom:0;left:8%}.image-7{bottom:0;right:15%}}@media only screen and (max-width:576px){.image,.text{display:none}}}}