body{color:#1d1d1f;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;margin:0;padding:0;font-family:proxima-nova,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:#1d1d1f;border-bottom:2px solid #8ed1c7;text-decoration:none;transition:color .4s,border-color .4s}a:hover{color:#7eaba5;border-color:#7eaba5}.active{border-bottom:2px solid #9ae4d9;transition:all .3s}.arrows{width:30px;height:58px;margin-top:20px;margin-left:-15px;position:relative;bottom:0;left:50%}.arrows path{stroke:#8ed1c7e6;fill:#0000;stroke-width:2px;animation:2s infinite arrow}.arrows path.a1{animation-delay:-1s}.arrows path.a2{animation-delay:-.5s}.arrows path.a3{animation-delay:0s}@keyframes arrow{0%{opacity:0}40%{opacity:1}80%{opacity:0}to{opacity:0}}main{max-width:900px;margin:0 auto;padding:4rem 2rem}.project-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;margin-top:3rem;display:grid}.project-card{transition:all .3s}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d;border-color:#8ed1c7!important}