*{margin:0;padding:0}html,body{height:100%;width:100%}body{background-color:#272727;font-family:Roboto Mono,monospace}.about{margin:2rem;color:#fff;display:flex;flex-direction:column;gap:2rem}.about-section{display:flex;flex-direction:column;gap:1rem}.about-section-title{font-size:2rem;text-decoration:underline}.about-section-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.about-section-content .paragraph{display:flex;justify-content:center;flex-direction:column;width:80%;gap:20px}@media screen and (min-width: 500px){.about-section-content .paragraph{flex-direction:row}}.about-section-content .paragraph .image{text-align:center}.about-section-content .paragraph .image img{max-width:200px;max-height:300px}@media screen and (min-width: 500px){.about-section-content .paragraph .image img{max-width:400px;max-height:500px}}.about-section-content .paragraph .text{align-self:center}.card{display:flex;flex-direction:row;margin-top:1rem;margin-bottom:3rem;gap:3rem}.card .left-pan{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem}.card .left-pan ul{list-style:none;padding:0;font-size:1.5rem}.card .left-pan li.github,.card .left-pan li.discord{display:flex;align-items:center;min-height:2rem;margin-bottom:1rem;padding-left:2.2rem;background-repeat:no-repeat;background-size:1.5rem 1.5rem;background-position:left center;transition:transform .2s cubic-bezier(.4,.2,.2,1)}.card .left-pan li.github:hover,.card .left-pan li.discord:hover{transform:scale(1.08);z-index:1}.card .left-pan li.github{background-image:url(/images/github.png)}.card .left-pan li.discord{background-image:url(/images/discord.png)}.card .right-pan{display:none}@media screen and (min-width: 500px){.card .right-pan{display:inline}}.card .right-pan img{width:18rem;border-radius:50%}a{text-decoration:none;font-weight:700;color:#fff}.caption{text-align:center;font-size:1rem;color:#ccc;margin-top:.5rem;font-style:italic}.about-section{filter:blur(16px);transition:filter .6s}.about-section.visible{filter:blur(0)}.about-section.disappear{filter:blur(16px)}.navbar{display:flex;direction:row;gap:5rem;min-height:5rem;align-items:center;justify-content:center;padding:.2rem;border-bottom:solid white}.navbar-item{padding:1rem;font-size:1.5rem;color:#fff;text-transform:uppercase;text-decoration:none;transition:all .5s}.navbar-item.active{font-size:2rem}.menu{width:100%;margin-top:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.menu-section{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2rem}.menu-section-title{font-weight:700;text-transform:uppercase;margin:1rem;font-size:2rem}.menu-section-item-list{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:wrap;gap:2rem}@media screen and (min-width: 500px){.menu-section-item-list{flex-direction:row}}.menu-section-item-list .menu-section-item{width:80%;margin-left:1rem;margin-right:1rem;padding:1rem;font-size:1.5rem;text-align:center;background-color:#272727;color:#fff;text-decoration:none;border:solid 2px white}.menu-section-item-list .menu-section-item:hover{background-color:#fff;color:#000}@media screen and (min-width: 500px){.menu-section-item-list .menu-section-item{width:-moz-fit-content;width:fit-content}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.menu-section-title,.menu-section-item-list .menu-section-item{opacity:0;transform:translateY(20px);animation:fadeInUp .6s forwards}