.navBar{width:60%;padding:5px 20% 25px;display:flex;flex-direction:row;justify-content:space-between;position:fixed;top:0;background:linear-gradient(to top,transparent 0%,rgb(0,4,14) 90%);z-index:99}.navBar .btn{width:fit-content;padding:5px 15px;height:50px;text-transform:none;font-size:20px;color:#fefffe;transition:.5s ease}.navBar .btn:hover{background-color:transparent;cursor:pointer;color:#3abeff}.head{width:100%;height:100vh;display:flex;flex-direction:row;justify-content:space-evenly;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 .links{width:100%;display:flex;flex-direction:row;gap:10px}.head .main .links .btn{min-width:45px;height:45px;border:1px solid rgba(254,255,254,.5);border-radius:5px;text-transform:none;font-size:24px;color:#fefffe;transition:.5s ease}.head .main .links .btn:hover{border:1px solid rgba(58,190,255,.5);cursor:pointer;color:#3abeff}.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}.education{display:flex;flex-direction:column;flex-basis:100%;gap:15px}.education .school{padding:5px 10px;border:1px solid rgba(58,190,255,.5);border-radius:5px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.education .school h3{margin:0;font-size:21px}.education .school p{margin:0;font-size:18px}.education .school .info{text-align:right}.skills{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px}.skills .item{width:fit-content;min-width:10%;max-width:17.5%;padding:5px 10px;border:1px solid rgba(58,190,255,.5);border-radius:5px;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-grow:1;gap:8px;font-size:20px;color:#fefffe;transition:.5s ease}.skills .item:hover{cursor:default;color:#3abeff}.skills .item svg{position:relative;top:1px}.expertise{width:100%;position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:15px}.expertise .timeline{position:absolute;left:11px;width:2px;background-color:#3abeff80;z-index:0}.expertise .item{margin-left:32px;position:relative}.expertise .item:before{width:12px;height:12px;position:absolute;top:13px;left:-26px;background-color:#3abeff;border-radius:50%;content:""}.expertise .item h3{margin:2px 0;text-align:left;font-size:24px}.expertise .item p{margin:0;text-align:left;font-size:18px}.projects{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;gap:25px}.projects .item{width:100%;height:450px;position:relative;border-radius:10px;overflow:hidden;border:2px solid rgba(58,190,255,.5)}.projects .item:hover img{top:50%;transform:translateY(-50%) scale(1.2)}.projects .item:hover .overlay,.projects .item:hover .itemContent{bottom:0}.projects .item:hover .itemContent .btn{opacity:1}.projects .item img{width:100%;object-fit:cover;position:relative;display:block;top:50%;transform:translateY(-50%);transition:.5s ease}.projects .item .overlay{width:100%;height:calc(100% + 46px);position:absolute;bottom:-46px;left:0;background:linear-gradient(to top,#00040ee6,#00040ebf,#00040e80);transition:.5s ease}.projects .item .itemContent{width:96%;padding:5px 2%;display:flex;flex-direction:column;justify-content:flex-end;position:absolute;bottom:-46px;left:0;transition:.5s ease}.projects .item .itemContent h3{margin:10px 0;font-size:24px}.projects .item .itemContent span{width:fit-content;max-width:100%;margin:0 0 10px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:5px;font-size:18px}.projects .item .itemContent span .technology{width:fit-content;height:25px;padding:5px 10px;border:1px solid rgba(58,190,255,.5);border-radius:5px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;font-size:18px;color:#fefffe;transition:.5s ease}.projects .item .itemContent span .technology:hover{cursor:default;color:#3abeff}.projects .item .itemContent span .technology svg{position:relative;top:1px}.projects .item .itemContent .btn{width:fit-content;height:36px;margin-bottom:10px;padding:0 10px;border:1px solid rgba(254,255,254,.5);border-radius:5px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;opacity:0;text-transform:none;font-size:18px;color:#fefffe;transition:.5s ease}.projects .item .itemContent .btn:hover{border:1px solid rgba(58,190,255,.5);cursor:pointer;color:#3abeff}@media (max-width: 1250px){.overlay,.itemContent{bottom:0!important}.overlay .btn,.itemContent .btn{opacity:1!important}}.links .item{margin:10px 0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;font-size:20px;color:#3abeff}.mainPage{padding-bottom:50px}.mainPage .content{width:60%;margin:0 auto}.mainPage .content h2{margin:60px 0 25px;text-align:left;font-size:36px}@media (max-width: 1250px){.content{width:80%!important}}html{background-color:#00040e;color:#fefffe}:root{font-family:Inter,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif!important}:root,html,body{margin:0}