.projects-section{flex-direction:column;align-items:center;row-gap:20px;width:80%;margin:auto;display:flex}.projects-section .projects{grid-template-columns:repeat(auto-fit,minmax(max(250px,40%),1fr));gap:32px;width:100%;display:grid}.projects-section .projects .project{cursor:pointer;background:linear-gradient(135deg,#04071d,#10132c);border:1px solid #363749;border-radius:24px;flex-grow:1;flex-basis:400px;padding:24px}.projects-section .projects .project:hover{background:linear-gradient(135deg,#04071d,#10132c 40%)}.projects-section .projects .project .image{background:#13162d;border-radius:14px}.projects-section .projects .project .details{flex-direction:column;row-gap:18px;margin-top:36px;display:flex}.projects-section .projects .project .details .title{font-size:max(20px,min(2.5vw,32px));font-weight:500}.projects-section .projects .project .details .description{color:#bec1dd;font-size:max(16px,min(1.8vw,20px))}.projects-section .projects .project .details .bottom{justify-content:space-between;align-items:center;display:flex}.projects-section .projects .project .details .bottom .technologies{align-items:center;display:flex}.projects-section .projects .project .details .bottom .technologies .technology{color:#d1d5db;aspect-ratio:1;background:linear-gradient(45deg,#04071d,#0c0e23);border:2px solid #66699c;border-radius:50%;align-items:center;padding:4px;display:flex;overflow:hidden}.projects-section .projects .project .details .bottom .technologies .technology:hover{opacity:.9}.projects-section .projects .project .details .bottom .actions{align-items:center;display:flex}
.head-section{background:url(../media/grid-pattern.8a036356.png);justify-content:center;align-items:center;width:100%;height:auto;min-height:100vh;display:flex;position:relative;overflow:hidden}.head-section .lights-effect{justify-content:space-between;display:flex;position:absolute;top:-5vw;left:0;right:0}.head-section .lights-effect .lights,.head-section .lights-effect .left-lights,.head-section .lights-effect .right-lights{column-gap:4vw;display:flex}.head-section .lights-effect .lights .light,.head-section .lights-effect .left-lights .light,.head-section .lights-effect .right-lights .light{opacity:.32;filter:blur(45px);border-bottom:30vw solid #fff;border-left:2vw solid transparent;border-right:2vw solid transparent}.head-section .lights-effect .right-lights{transform:rotate(135deg)}.head-section .lights-effect .left-lights{transform:rotate(225deg)}.head-section .content-container{text-align:center;max-width:60vw}.head-section .content-container .bottom-subtitle{font-size:max(16px,min(2vw,24px))}.head-section .content-container .top-subtitle{font-size:max(13px,min(1.4vw,16px))}
.skills{flex-wrap:wrap;justify-content:space-around;gap:25px;width:80%;margin:auto;display:flex}.skills .skill{flex-basis:150px;justify-content:center;align-items:center;column-gap:5px;font-size:max(18px,min(2.2vw,28px));display:flex}
.footer{text-align:center;background:url(/footer-grid-pattern.png) bottom/cover no-repeat;justify-content:center;align-items:center;width:100%;min-height:700px;display:flex;position:relative}.footer .contact-me{max-width:min(650px,80%)}.footer .contact-me .text{font-size:max(14px,min(1.5vw,16px))}.footer .bottom{flex-direction:column-reverse;align-items:center;gap:16px;width:80%;display:flex}@media screen and (min-width:400px){.footer .bottom{flex-direction:row;justify-content:space-between}}.footer .bottom{position:absolute;bottom:max(20px,min(3.5vw,50px))}.footer .bottom .contacts{align-items:center;column-gap:5px;display:flex}.footer .bottom .contacts .contact{background:rgba(5,4,31,.08);border-radius:8px;padding:12px;box-shadow:inset 0 0 8px .82px rgba(255,255,255,.12)}.footer .bottom .copyright{font-size:max(12px,min(1.3vw,15px))}