main{max-width:100%;width:100%;display:flex;flex-direction:column;gap:4rem;padding-bottom:2rem}#contact{display:flex;flex-direction:column;align-items:center;gap:1.5rem}#contact>ul{list-style:none;display:flex;align-items:center;gap:1.5rem}#contact>ul>li>a>svg{height:1.5rem;width:1.5rem;fill:var(--text-strong)}#hero{height:16rem;width:100%;background:linear-gradient(to right, var(--color-primary-500), var(--color-secondary-500));display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;overflow:hidden}#hero *{color:var(--color-white)}#hero>p{width:40rem;max-width:calc(100% - 2rem)}#hero>p:nth-of-type(1){font-size:2rem;font-family:var(--font-monospace);font-weight:bold}#hero>p:nth-of-type(1)>span{font-weight:500;margin-left:0.25rem}#hero>p:nth-of-type(2){font-size:1.125rem}@media screen and (max-width: 48rem){#hero{height:20rem}}@media screen and (max-width: 16rem){#hero{height:24rem}}#contact{display:flex;flex-direction:column;align-items:center}#posts{display:flex;flex-direction:column;gap:2rem;width:48rem;max-width:calc(100% - 2rem)}#posts>a{color:var(--text-muted);text-decoration:none;height:2.5rem;padding:0 1rem;display:flex;align-items:center;border-radius:0.5rem;background-color:var(--neutral-100);width:fit-content;font-size:0.875rem;font-family:var(--font-monospace);cursor:pointer;transition:background-color 64ms ease-in-out}@media screen and (hover: hover){#posts>a:hover{background-color:var(--neutral-200)}}#marquee{width:100%}#marquee>ul{display:flex;flex-direction:column;gap:1rem;list-style:none}#marquee>ul>li{display:flex;width:100%;animation:scroll var(--duration) linear infinite}#marquee>ul>li>ul{overflow:hidden;list-style:none;display:flex;width:200%;flex-shrink:0;gap:1rem;justify-content:space-evenly;align-items:center;padding-left:1rem}#marquee>ul>li>ul>li{white-space:nowrap;overflow:visible;color:var(--text-muted);font-size:var(--size);width:100%;text-align:center}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-200%)}}#interests{display:flex;flex-direction:column;gap:2rem;align-items:center;width:64rem;max-width:calc(100% - 2rem)}#interests>ul{list-style:none;display:grid;grid-template-columns:repeat(3, 1fr);gap:4rem}#interests>ul>li{display:flex;flex-direction:column;align-items:center;text-align:center}#interests>ul>li>svg{height:4rem;width:4rem;fill:var(--color-primary-500)}#interests>ul>li>p{max-width:18rem}#interests>ul>li>p:nth-of-type(1){font-weight:bold;font-family:var(--font-monospace);font-size:1.125rem;margin-top:1rem;margin-bottom:0.5rem}#interests>ul>li>p:nth-of-type(2){color:var(--text-muted);font-size:0.875rem}@media screen and (max-width: 48rem){#interests>ul{grid-template-columns:1fr}}#testimonials{display:flex;flex-direction:column;gap:2rem;width:48rem;max-width:calc(100% - 2rem);align-items:center}#testimonials>ul{list-style:none;display:flex;flex-direction:column;gap:2rem}#testimonials>ul>li>blockquote{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}#testimonials>ul>li>blockquote.reverse{align-items:flex-end}#testimonials>ul>li>blockquote.reverse>p{border-radius:2rem 2rem 0.25rem 2rem;margin-left:0;margin-right:1.25rem}#testimonials>ul>li>blockquote.reverse>a{flex-direction:row-reverse;text-align:right}#testimonials>ul>li>blockquote>p{background-color:var(--neutral-100);padding:2rem;border-radius:2rem 2rem 2rem 0.25rem;line-height:1.5;color:var(--text-weak);margin-left:1.25rem;margin-right:0}#testimonials>ul>li>blockquote>p a{margin-left:0.25rem;color:var(--color-secondary-500)}#testimonials>ul>li>blockquote>a{display:flex;text-decoration:none;gap:1rem}#testimonials>ul>li>blockquote>a>p{height:2.5rem;width:2.5rem;border-radius:50%;background-color:var(--color-primary-500);display:flex;align-items:center;justify-content:center;font-weight:bold;color:var(--color-primary-text);font-size:0.875rem}#testimonials>ul>li>blockquote>a>div{display:flex;flex-direction:column;gap:0.125rem}#testimonials>ul>li>blockquote>a>div>cite{font-size:1rem;color:var(--text-weak)}#testimonials>ul>li>blockquote>a>div>p{font-size:0.875rem;color:var(--text-muted)}
