@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navbar{justify-content:center;align-items:center;padding:1rem 10em 1rem 0;display:flex}.navbar .logo{margin-right:auto}.navbar .logo h3{letter-spacing:-10%;color:#f76f8e;padding-inline:2rem;font-weight:400}.navbar .links{background:#464641;border-radius:12px;justify-content:center;align-items:center;gap:1rem;padding-inline:3rem;display:flex;position:relative;box-shadow:2px 2px 4px #00000040}.navbar .links .indicator{pointer-events:none;z-index:0;background:#ff9505;border-radius:12px;height:100%;transition:all .3s;position:absolute;left:0}.navbar a{color:#ff9505;z-index:1;cursor:pointer;border-radius:12px;padding:1rem;transition:all .3s;position:relative}.navbar a:not(.active):hover{background:#ff950526}.navbar a.active{color:#f7f8f2}.navbar h6{font-weight:400}.animated-line{align-self:baseline;width:0%;animation:1s ease-in-out forwards drawLine;position:relative}.animated-line .line{stroke:#d6f599;height:8px}.animated-line.flip{align-self:end}.diamond{background:#d6f599;width:4px;height:4px;position:absolute;top:50%;right:0;transform:translateY(-2px)rotate(45deg)}.flip .diamond{left:0}@keyframes drawLine{0%{width:0%}to{width:100%}}footer{flex-direction:column;width:100%;padding:3rem 1rem .5rem;display:flex}footer hr{border:.5px solid #f7f8f2;border-radius:9999px;width:100%}footer p{align-self:flex-end}.home{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;height:100%;display:flex;position:relative}.home h1{z-index:1}.home h3,.home h4{z-index:1;font-family:Albert Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700}.home .subtitle{color:#d6f599;text-align:center;max-width:25ch;font-style:italic}.home .links{z-index:1;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}.home .links a{border-radius:12px;padding:.5rem;transition:all .15s}.home .links a:hover{filter:brightness(1.1);transform:scale(1.05)}.home .links .view-work{background:#f76f8e;box-shadow:2px 2px 2px #f76f8e80}.home .links .get-contact{background:#ff9505;box-shadow:2px 2px 2px #ff950580}.home .links h5{font-family:Unbounded,sans-serif}.home .skills{padding-inline:5rem;z-index:1;justify-content:space-between;align-items:center;width:100%;padding-top:4rem;display:flex;position:absolute;bottom:0;transform:translateY(1.5rem)}.home .skill{justify-content:center;align-items:center;gap:.25rem;display:flex}.work{flex-direction:column;justify-content:center;align-items:center;gap:3rem;width:100%;margin-top:5rem;display:flex}.work .content{flex-direction:column;justify-content:center;align-items:center;gap:3rem;width:100%;display:flex}.work .item{flex-direction:column;justify-content:center;align-self:baseline;align-items:center;gap:3rem;display:flex}.work .item.right{align-self:flex-end}.work .item.left .card{opacity:0;animation:.6s ease-out .25s forwards slideInLeft}.work .item.right .card{opacity:0;animation:.6s ease-out .25s forwards slideInRight}.work section{justify-content:center;align-items:flex-start;gap:1rem;display:flex}.work section h1{-webkit-text-fill-color:transparent;opacity:0;background:linear-gradient(90deg,#d6f599,#ff9505);-webkit-background-clip:text;background-clip:text;animation:.6s ease-out .25s forwards slideInUp}.work .right section{flex-direction:row-reverse}.work .card{background:#464641;border-radius:0 12px 12px 0;justify-content:center;gap:1.5rem;min-width:55vw;padding:3rem 4rem;display:flex;box-shadow:inset 2px 2px 4px #d6f59926,inset -2px -2px 4px #00000040}.work .card .img-wrapper{opacity:0;animation:.6s ease-out .25s forwards slideInUp;position:relative}.work .card .img-wrapper:after{content:"";pointer-events:none;border-radius:8px;position:absolute;inset:0;box-shadow:inset 2px 2px 4px #00000040,inset -2px -2px 4px #ffffff40}.work .card img{object-fit:cover;border-radius:8px;width:100%;height:100%}.work .right .card{border-radius:12px 0 0 12px}.work .text{opacity:0;flex-direction:column;align-items:baseline;gap:.5rem;animation:.6s ease-out .25s forwards slideInUp;display:flex}.work .text .title-link{justify-content:center;align-items:center;gap:.5rem;display:flex}.work .text .title-link svg{width:auto;height:min(1.125rem,4.5vw)}.work .text .title-link:hover{filter:brightness(.75);text-decoration:underline}.work .text p{width:45ch}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.designs{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:5rem;display:flex}.designs .content{flex-direction:column;justify-content:center;align-items:baseline;gap:4rem;max-width:1100px;padding:5rem 3rem;display:flex}.designs section{flex-direction:column;justify-content:center;align-items:baseline;gap:2rem;display:flex}.designs header{flex-direction:column;justify-content:center;align-items:baseline;gap:.5rem;display:flex}.designs header .design-nav{justify-content:center;align-items:center;gap:.5rem;display:flex}.designs header .design-nav:hover{color:#d6f599;filter:brightness(.75);text-decoration:underline}.designs header svg{color:#d6f599;width:auto;height:min(1.125rem,4.5vw);transform:translateY(2px)}.designs header h3{color:#d6f599}.designs .preview{background:#464641;border-radius:12px;max-height:80vh;padding:2rem;display:flex;box-shadow:inset 2px 2px 4px #d6f59926,inset -2px -2px 4px #00000040}.designs .preview a{width:100%;transition:transform .2s,filter .2s;position:relative}.designs .preview a:hover{transform:translateY(-4px);box-shadow:0 3px 6px #00000040}.designs .preview img{object-position:top;object-fit:cover;border-radius:12px;width:100%;height:100%}.contact{flex-direction:column;justify-content:flex-start;align-items:center;gap:3rem;width:100%;height:100%;padding-block:5rem;display:flex;position:relative}.contact header{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.contact h3{color:#ff9505;font-family:Albert Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700}.contact .contact-info{flex-direction:column;flex-grow:1;justify-content:flex-start;align-items:center;gap:1rem;display:flex}.contact .email{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.contact .email a{background:#d6f59926;border-radius:12px;padding:.5rem 1rem;font-size:min(2rem,6vw);font-weight:700;text-decoration:underline}.contact .email a:hover{filter:brightness(105%);background:#d6f59959}.contact .email hr{border:.5px dashed #e7ead7;width:25ch}.contact .socials{flex-direction:column;justify-content:space-between;align-items:center;gap:2rem;display:flex}.contact .socials a{justify-content:center;align-items:center;gap:.5rem;display:flex}.contact .socials a:hover{text-decoration:underline}.contact .socials svg{width:auto;height:min(2rem,6vw)}.contact .socials h5{font-weight:600;font-family:Albert Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.contact .initials{z-index:-1;color:#f76f8e26;height:57vh;transform:translateY(calc(var(--footer-height) / 2 + .5rem));align-items:flex-start;font-family:Ubuntu Mono,monospace;font-size:70vh;font-style:normal;font-weight:700;line-height:1;display:flex;position:absolute;bottom:0;left:0;overflow:hidden}.contact .animated-line{position:absolute;top:0;transform:translateY(1.5rem);max-width:70%!important}.contact .animated-line.flip{bottom:0}:root{--color-primary:#d6f599;--color-secondary:#ff9505;--color-tertiary:#f76f8e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;width:100%;height:100%}body{color:#f7f8f2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#353531;width:100%;height:100%;min-height:fit-content;font-family:Albert Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:min(1rem,4vw);font-weight:400;line-height:1.6}#root{width:100%;height:100%;min-height:fit-content}main{height:calc(100% - var(--navbar-height) - var(--footer-height));width:100%;min-height:fit-content}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;font-family:Unbounded,sans-serif;font-weight:600;line-height:1.2}h1{font-size:min(4rem,10vw)}h2{font-size:min(3rem,8vw)}h3{font-size:min(2rem,6vw)}h4{font-size:min(1.5rem,5vw)}h5{font-size:min(1.125rem,4.5vw)}h6{font-size:min(1rem,4vw)}p{overflow-wrap:break-word}table{border-collapse:collapse}.bold{font-weight:700}.design{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:5rem;display:flex}.design h3{color:#d6f599}.design .content{flex-direction:column;justify-content:center;align-items:baseline;gap:4rem;max-width:1100px;padding:5rem 3rem;display:flex}.design section{background:#464641;border-radius:12px;flex-wrap:wrap;width:fit-content;padding:2rem;display:flex;box-shadow:inset 2px 2px 4px #d6f59926,inset -2px -2px 4px #00000040}.design section.vertical{flex-direction:column;justify-content:center;align-items:baseline;gap:2rem;display:flex}.design section.horizontal{justify-content:center;align-items:flex-start;gap:.5rem;display:flex}.design img{border-radius:12px;max-width:100%;max-height:100%}.design .horizontal img{max-height:70vh}