#hero{flex-direction:column-reverse;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;& h1{letter-spacing:-1px;margin-bottom:1rem;font-size:38px;font-weight:700;&+p{font-size:22px;font-weight:600}}& .links{margin-top:2rem;& a{font-size:18px;font-weight:500;text-decoration:underline}}& img{object-fit:contain;width:420px}}#community-policies{color:#050b20;flex-direction:column;gap:2rem;display:flex;& h2{font-size:38px;font-weight:700;&+p{margin-top:1rem;font-size:20px;font-weight:500}}& .card{border:1px solid var(--primary-color);text-align:left;color:var(--black-color);background:#eff7ff;border-radius:12px;gap:1rem;margin-bottom:2rem;padding:1rem 2rem 2.5rem;display:flex;& svg{flex-shrink:0}& .title{font-size:18px;font-weight:900;font-family:var(--third-ff);margin-bottom:.4rem;&+p{font-size:18px;font-weight:500}}}}.guidelines-content{& h2{color:#1a1a1a;margin-top:2rem;margin-bottom:1.5rem;font-size:2rem;font-weight:700}& h3{color:#333;margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:600}& p{color:#4a4a4a;margin-bottom:1.25rem;line-height:1.6}& ul{margin:1rem 0 1.5rem 2rem;list-style-type:disc}& ul li{color:#4a4a4a;margin-bottom:.5rem;line-height:1.5}}@media (width>=768px){#community-policies{text-align:left;flex-direction:row;& h2{font-size:42px;&+p{font-size:24px}}&>div{width:100%}}}@media (width>=1200px){#hero{text-align:left;flex-direction:row;gap:3rem;min-height:36rem;& ul li{text-align:left;justify-content:left}& h1{margin-bottom:2rem;font-size:58px;&+p{font-size:22px}}& .links{justify-content:left;& a{font-size:20px}}& img{width:590px;height:590px}}}