html{color:#f5f5f5;background-color:#0d1b2a}body{font-family:var(--font-azerat-mono);margin:0;padding:0}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0;font-weight:300}b{color:#dda15e;margin:0;font-weight:500}i{margin:0;font-weight:200}.custom-container{box-sizing:border-box;flex-direction:column;width:100%;max-width:1200px;margin:0 auto;padding:0 5vw;display:flex}@keyframes slide-up{0%{opacity:0;transform:scale(.9)translateY(50px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes shake{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-1px,-1px)rotate(-1deg)}20%{transform:translate(-1px)rotate(1deg)}30%{transform:translate(1px,1px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,1px)rotate(-1deg)}60%{transform:translate(-1px,1px)rotate(0)}70%{transform:translate(1px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(1px,1px)rotate(0)}to{transform:translate(1px,-1px)rotate(-1deg)}}.projects-card{color:#111;opacity:0;background-color:#acb7c3;border-radius:10px;gap:40px;min-height:200px;padding:40px;transition:all .2s ease-in-out;display:flex;overflow:hidden}.projects-card:hover{transform:scale(1.01)}.projects-card.slide-up{animation:.5s ease-out forwards slide-up}.projects-card .projects-card-content{flex-direction:column;flex-grow:1;align-items:flex-start;gap:15px;display:flex}.projects-card .projects-card-content .projects-card-title{color:#111;border-bottom:3px solid #111;align-items:center;font-size:40px;text-decoration:none;display:flex}.projects-card .projects-card-content .projects-card-title>img{height:80%;margin-left:5px;transition:all .15s ease-in-out}.projects-card .projects-card-content .projects-card-title:hover>img{transform:translate(8px)}.projects-card .projects-card-content p{max-width:550px;font-size:20px}.projects-card .projects-card-content .projects-card-bottom-row{width:100%;margin-top:auto;display:flex}.projects-card .projects-card-content .projects-card-bottom-row .icon-list{flex-wrap:wrap;place-content:flex-end;margin-left:auto}.projects-card .projects-card-content .projects-card-bottom-row .icon-list a{width:25px;height:25px}.projects-card .projects-card-graphic{flex-shrink:0;width:200px;height:200px;margin-left:auto}.projects-card .projects-card-graphic img{-o-object-fit:contain;object-fit:contain;box-sizing:border-box;background-color:#eee;border-radius:5px;width:100%;height:100%}@media screen and (max-width:800px){.projects-card{flex-direction:column}.projects-card .projects-card-graphic{width:150px;height:150px;margin:0 auto;display:block}}
.icon-list{gap:10px;display:flex}.icon-list .icon-list-icon{transition:all .15s ease-in-out;position:relative}.icon-list .icon-list-icon a{background-color:#f5f5f5;border-radius:5px;width:30px;height:30px;padding:5px;display:inline-block;position:relative}.icon-list .icon-list-icon a img{box-sizing:border-box;-o-object-fit:contain;object-fit:contain;padding:3px;position:absolute}.icon-list .icon-list-icon span.icon-list-tooltip{color:#eee;background-color:#111;border-radius:5px;padding:5px;font-size:10px;display:none;position:absolute;top:-80%;left:50%;transform:translate(-50%)}.icon-list .icon-list-icon span.icon-list-tooltip:before{content:"";background:#111;width:8px;height:8px;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)rotate(45deg)}.icon-list .icon-list-icon:hover span.icon-list-tooltip{display:block}.icon-list .icon-list-icon.hover:hover{transform:scale(.9)}
.projects-section{flex-direction:column;display:flex;position:relative}.projects-section h1{text-align:center;font-size:50px}.projects-section>.custom-container{gap:40px;margin:60px auto}.projects-section .projects-container{flex-direction:column;gap:40px;display:flex}.projects-section .projects-section-bg-wrapper{z-index:-1;background-color:#1b263b;position:absolute;inset:0}.projects-section .projects-section-bg-wrapper .projects-section-bg{filter:saturate(0)brightness(.4)contrast(2)opacity(.25)}@media screen and (max-width:800px){.projects-section h1{font-size:8vw}}