header{flex-direction:row;width:100%;max-width:1440px;display:flex}hr{background-color:var(--accent-primary);color:var(--accent-primary);border:none;height:1px}h3,h4{font-weight:200}footer{flex-direction:column;width:100%;max-width:1440px;display:flex}.content{width:auto;max-width:1440px}.content p{font-weight:400}.expand{flex-direction:row;justify-content:space-between;display:flex}.icon{color:var(--fg-primary);cursor:pointer;transition:transform .7s ease-in-out}.icon:hover{animation:1s forwards shake}.project{text-align:left;flex-direction:column;width:auto;max-width:1024px;margin-left:auto;margin-right:auto;display:flex}.project-details{gap:20px;display:flex}.project-images{justify-content:space-evenly;align-items:center;display:flex}.project img{border-radius:1rem;width:330px;height:auto;box-shadow:0 3px 8px #0000003d}.social-media{flex-direction:column;justify-content:center;align-items:center;width:auto;height:auto;margin:3rem 3rem 3rem auto;display:flex}.social-media div{border:.15rem solid var(--accent-primary);border-radius:.75rem;flex-direction:row;align-items:baseline;width:auto;height:auto;padding:.5rem 1rem;display:flex}.social-media .handwritten{align-items:baseline;gap:1rem;margin:1rem;font-size:32px;display:flex}.social-media .handwritten img{width:66px;height:auto}.stack-small{flex-direction:row;gap:1rem;display:flex}.title{font-size:32px;font-weight:400}.work{flex-direction:column;justify-content:center;align-items:center;width:auto;height:auto;margin:3rem auto 3rem 3rem;display:flex}.work div{border:.15rem solid var(--accent-primary);border-radius:.75rem;flex-direction:row;align-items:baseline;width:auto;height:auto;padding:.5rem 1rem;display:flex}.work .handwritten{gap:1rem;margin:1rem;font-size:32px;display:flex}.work .handwritten img{width:66px;height:auto;transform:rotate(180deg)}@keyframes shake{30%{transform:scale(1.2)}40%,60%{transform:rotate(-20deg)scale(1.2)}50%{transform:rotate(20deg)scale(1.2)}70%{transform:rotate(0)scale(1.2)}to{transform:scale(1.2)}}@media (width<=900px){.accent-small{color:var(--accent-primary)}.expand{justify-content:unset;flex-direction:column;display:flex}.project-details{flex-direction:column;display:flex}.project-details p{max-width:unset}.stack-small{gap:unset;flex-direction:column;display:flex}}
