.head{height:100svh;padding:0 10%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:url(/assets/background-BqBLUTO5.jpg);background-size:cover}.head:after{width:100%;height:25%;position:absolute;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,rgb(0,4,14) 100%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;content:""}.head .main{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.head .main .head-links{width:100%;display:flex;flex-direction:row;gap:10px}.head .main .head-links .btn{min-width:45px;height:45px;border:1px solid rgba(254,255,254,.5);border-radius:10px;text-transform:none;transition:.5s ease}.head .main .head-links .btn:hover{border:1px solid rgba(58,190,255,.5);cursor:pointer}.head .main .head-links .btn .item{margin:10px 0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;transition:.5s ease}.head .main h1{width:100%;margin:10px 0;font-size:50px}.head .main h4{width:100%;margin:0;display:flex;justify-content:flex-start;align-items:center;font-weight:400;font-size:24px}.head h3{line-height:60px;font-size:32px}@media (max-width: 1000px){.head{flex-direction:column!important;justify-content:center!important;gap:10vh!important}.head .main .head-links{justify-content:center!important}.head .main h1,.head .main h4{text-align:center}.head h3{text-align:center}}.skills{margin:10px 10%}.skills .items{margin:10px 0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:10px}.skills .items .item{width:fit-content;min-width:7.5%;max-width:17.5%;height:35px;line-height:35px;padding:8px;border:1px solid rgba(58,190,255,.5);border-radius:10px;display:flex;flex-direction:row;flex-grow:1;justify-content:center;align-items:center;gap:10px;font-size:20px;color:#fefffe;transition:.5s ease}.skills .items .item:hover{cursor:default;color:#3abeff}@media (max-width: 1450px){.skills .items .item{min-width:5%;max-width:25%;padding:2px 5px;font-size:15px}.skills .items .item svg{width:20px;height:20px}}@media (max-width: 1000px){.skills .items .item{max-width:35%}}.expertise{margin:0 10%;position:relative}.expertise .timeline{position:absolute;left:11px;width:2px;background-color:#3abeff80;z-index:0}.expertise .items{display:flex;flex-direction:column;justify-content:flex-start;gap:15px}.expertise .items .item{margin-left:32px;position:relative}.expertise .items .item:before{width:12px;height:12px;position:absolute;top:10px;left:-26px;background-color:#3abeff;border-radius:50%;content:""}.expertise .items .item h3{margin:2px 0;text-align:left;font-size:24px}.expertise .items .item p{margin:0;text-align:left;font-size:18px}@media (max-width: 1450px){.expertise .items .item h3{font-size:20px}.expertise .items .item p{font-size:15px}}.projects{margin:0 10%}.projects .items{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.projects .items .item{height:300px;position:relative;border-radius:10px;border:2px solid rgba(58,190,255,.5);overflow:hidden}.projects .items .item img{width:100%;height:100%;position:relative;display:block;top:50%;transform:translateY(-50%);object-fit:cover;transition:.5s ease}.projects .items .item .overlay{width:100%;height:calc(100% + 41px);position:absolute;bottom:-41px;left:0;background:linear-gradient(to top,#00040ee6,#00040ebf,#00040e80);transition:.5s ease}.projects .items .item .itemContent{width:calc(100% - 30px);padding:0 15px 15px;display:flex;flex-direction:column;justify-content:flex-end;position:absolute;bottom:-41px;left:0;transition:.5s ease}.projects .items .item .itemContent h3{margin:10px 0;font-size:24px}.projects .items .item .itemContent span{width:100%;margin:0 0 5px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:5px;font-size:18px}.projects .items .item .itemContent span .technology{width:fit-content;height:25px;padding:5px 10px;border:1px solid rgba(58,190,255,.5);border-radius:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;font-size:18px;color:#fefffe;transition:.5s ease}.projects .items .item .itemContent span .technology:hover{cursor:default;color:#3abeff}.projects .items .item .itemContent .links{margin:0;display:flex;flex-direction:row;opacity:0;transition:.5s ease}.projects .items .item .itemContent .links .btn{width:fit-content;height:36px;padding:0 10px;border:1px solid rgba(254,255,254,.5);border-radius:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;text-transform:none;font-size:18px;color:#fefffe;transition:.5s ease}.projects .items .item .itemContent .links .btn:hover{border:1px solid rgba(58,190,255,.5);cursor:pointer;color:#3abeff}@media (min-width: 1001px){.projects .items .item:hover img{transform:translateY(-50%) scale(1.2)}.projects .items .item:hover .overlay{bottom:0}.projects .items .item:hover .itemContent{bottom:0}.projects .items .item:hover .itemContent .links{opacity:1}}@media (max-width: 1000px){.projects .items{grid-template-columns:1fr;gap:15px}.projects .items .item .overlay{bottom:0}.projects .items .item .itemContent{bottom:0}.projects .items .item .itemContent h3{font-size:20px}.projects .items .item .itemContent span .technology{font-size:15px}.projects .items .item .itemContent span .technology svg{width:20px;height:20px}.projects .items .item .itemContent .links{opacity:1}.projects .items .item .itemContent .links .btn{font-size:15px}.projects .items .item .itemContent .links .btn svg{width:20px;height:20px}}.mainPage{padding-bottom:50px}.mainPage .content{width:100%;margin:0 auto}.mainPage .content h2{width:fit-content;margin:60px 0 25px;text-align:left;font-size:36px}@media (max-width: 1450px){.mainPage{padding-bottom:25px}.mainPage .content .projects,.mainPage .content .expertise,.mainPage .content .skills{width:90%;margin:0 5%;padding:0}.mainPage .content .projects h2,.mainPage .content .expertise h2,.mainPage .content .skills h2{font-size:30px}}html{background-color:#00040e;color:#fefffe}:root{font-family:Inter,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif!important}:root,html,body{margin:0}