@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{font-family:Montserrat,sans-serif;overflow:hidden}img{height:100%;object-fit:cover;width:100%}h1{font-size:6rem;font-weight:600;line-height:1}h1,p{text-transform:uppercase}p{font-size:13px;font-weight:500}ul{list-style:none}a{text-decoration:none}button{all:unset;cursor:pointer;display:inline-block}.preloader,.split-overlay,.tags-overlay{height:100dvh;position:fixed;width:100dvw}.preloader,.split-overlay{background-color:#0a0a0a;color:#fff}.preloader,.tags-overlay{z-index:2}.split-overlay{z-index:1}.intro-title{left:50%;text-align:center;width:100%}.intro-title,.outro-title{position:absolute;top:50%;transform:translate(-50%,-50%)}.outro-title{left:calc(50% + 10rem)}.tag{color:#5a5a5a;overflow:hidden;position:absolute;width:max-content}.tag-1{left:15%;top:15%}.tag-2{bottom:15%;left:25%}.tag-3{bottom:30%;right:15%}.container{clip-path:polygon(0 48%,0 48%,0 52%,0 52%);display:flex;flex-direction:column;height:100%;justify-content:space-between;min-height:100dvh;position:relative;width:100%;z-index:2}.container .hero-img{height:100%;position:absolute;width:100%}footer,nav{align-items:center;color:#fff;display:flex;justify-content:space-between;margin:0 auto;max-width:1080px;padding:2em;position:relative;width:100%;z-index:2}footer{padding:1rem 2rem}nav img#logo{height:28px;width:28px}.card{align-items:center;background-color:#fff;border-radius:20px 0 20px 20px;clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%);display:flex;flex-direction:column;height:fit-content;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:30%}@media screen and (max-width:768px){.card{height:70dvh;top:48%}}.card h1{font-size:2rem;text-align:start;width:100%}.card .char span{display:inline-block;position:relative;transform:translateY(100%);will-change:transform}.card .char,.intro-title .char,.outro-title .char{display:inline-block;overflow:hidden;position:relative}.intro-title .char,.outro-title .char{margin-top:.75rem}.intro-title .char span,.outro-title .char span,.tag .word{display:inline-block;position:relative;transform:translateY(-100%);will-change:transform}.intro-title .first-char{transform-origin:top left}@media (max-width:1000px){h1{font-size:2.5rem}.outro-title{left:calc(50% + 4rem)}.card{width:calc(100% - 4rem)}.card h1{font-size:2rem}.intro-title .char,.outro-title .char{margin-top:.5rem}}.gemini{background-color:linen;border-radius:20px 0 20px 20px;display:grid;grid-template-rows:auto 1fr auto;height:100%;overflow:hidden;padding:2rem}@media screen and (max-width:768px){.gemini{display:grid;gap:1rem;grid-template-rows:auto 1fr auto;overflow-y:auto;padding:1.5rem}}.profile{display:flex;flex-direction:column;gap:.5rem;padding-bottom:2rem}@media screen and (max-width:768px){.profile{padding-bottom:unset}}.profile li>p{color:dimgray;font-size:.95rem;text-transform:none}@media screen and (max-width:768px){.profile h1{font-size:1.2rem}.profile h2{font-size:1rem}.profile li p{font-size:14px}}.chat-window{backdrop-filter:blur(5px);border-bottom:1px solid hsla(0,0%,100%,.5);border-right:1px solid hsla(0,0%,100%,.5);border-color:hsla(0,0%,100%,.5) hsla(0,0%,100%,.2) hsla(0,0%,100%,.2) hsla(0,0%,100%,.5);border-radius:10px;border-style:solid;border-width:1px;box-shadow:0 25px 45px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:1.4rem;height:250px;margin-bottom:1.8rem;overflow-y:auto;padding-bottom:1rem}@media screen and (max-width:768px){.chat-window{gap:unset;height:100%;margin-bottom:unset}}.input-area{display:flex;padding:1rem;top:1rem;width:100%;z-index:2;input{background:#ffffe0;border:1px solid #cdcdcd;box-shadow:0 5px 15px rgba(0,0,0,.05);color:#000;font-size:1rem;outline:none;padding:10px;width:100%;&::placeholder{color:gray;font-family:Montserrat,sans-serif}}@media screen and (max-width:768px){input{font-size:.8rem}}button{align-items:center;background-color:#000;border:none;border:1px solid hsla(0,0%,100%,.5);border-bottom-right-radius:8px;border-right-color:hsla(0,0%,100%,.2);border-top-right-radius:8px;cursor:pointer;display:flex;font-size:1.6rem;height:20px;justify-content:center;padding:10px 20px;transition:all .3s ease;&:hover{background-color:#ffb700;color:#fff}& img{filter:brightness(0) invert(1)}}@media screen and (max-width:768px){button{height:36px;padding:unset;width:50px;& img{transform:scale(.5)}}}}.chat{display:flex;flex-direction:column;gap:1rem;height:100%;max-height:200px;overflow-y:auto;p{font-size:.8rem}}.user p{font-weight:700;text-align:end}.model p,.user p{font-size:14px;padding:0 1rem;text-transform:none}.model p{text-align:start}.download,.resume{display:flex;justify-content:center}.download{align-items:center;background-color:#000;border-bottom:1px solid hsla(0,0%,100%,.5);border-radius:2.15rem;border-right:1px solid hsla(0,0%,100%,.5);border-color:hsla(0,0%,100%,.5) hsla(0,0%,100%,.2) hsla(0,0%,100%,.2) hsla(0,0%,100%,.5);border-style:solid;border-width:1px;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:.8rem;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease;width:60%}& .download:hover{background-color:#ffb700}@media screen and (max-width:768px){.download{width:95%}}.download-btn{background-color:#fff;border:2px solid #ffb700;border-radius:10px;cursor:pointer;height:50px;position:relative;transition:all .2s ease;width:50px;z-index:1}.download-btn svg{height:25px;transition:all .3s ease;width:25px}.download-btn:hover svg{fill:#fff}.download-btn:hover{background-color:#ffb700}.loader{aspect-ratio:1;border:5px solid #000;border-radius:50%;margin:0 auto;position:relative;transform:rotate(45deg);width:20px}.loader:before{animation:l18 2s linear infinite;border:5px solid #ffffe0;border-radius:50%;content:"";inset:-5px;position:absolute}.welcome-mobile{display:none}@media screen and (max-width:768px){.welcome-desk{display:none}.welcome-mobile{display:block}}@keyframes l18{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}.tilt-card{background:hsla(0,0%,100%,.25);background:url(portfolioAvatar..webp);background-size:cover;border:1px solid hsla(0,0%,100%,.18);border-radius:10px;height:300px;position:absolute;top:0;width:300px}.wrapper{display:inline-flex;font-family:Montserrat,sans-serif;height:fit-content;justify-content:flex-end;list-style:none;width:100%}.wrapper .icon{align-items:center;background:#fff;border:2px solid #000;border-radius:50%;box-shadow:0 10px 10px rgba(0,0,0,.1);cursor:pointer;display:flex;flex-direction:column;font-size:18px;height:50px;justify-content:center;margin:10px;position:relative;transition:all .2s cubic-bezier(.68,-.55,.265,1.55);width:50px}.wrapper .tooltip{border-radius:5px;box-shadow:0 10px 10px rgba(0,0,0,.1);color:#fff;font-size:14px;opacity:0;padding:5px 8px;pointer-events:none;top:0}.wrapper .tooltip,.wrapper .tooltip:before{background:#fff;position:absolute;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.wrapper .tooltip:before{bottom:-3px;content:"";height:8px;left:50%;transform:translate(-50%) rotate(45deg);width:8px}.wrapper .icon:hover .tooltip{opacity:1;pointer-events:auto;top:-45px;visibility:visible}.wrapper .icon:hover .tooltip,.wrapper .icon:hover span{text-shadow:0 -1px 0 rgba(0,0,0,.1)}.wrapper .linkedin:hover,.wrapper .linkedin:hover .tooltip,.wrapper .linkedin:hover .tooltip:before{background:#1877f2;color:#fff}.wrapper .github:hover,.wrapper .github:hover .tooltip,.wrapper .github:hover .tooltip:before{background:dimgrey;color:#fff}.burger-menu{align-items:center;display:flex;gap:.5rem}.burger{background:transparent;cursor:pointer;display:block;height:15px;position:relative;width:20px}.burger input{display:none}.burger span{background:#fff;border-radius:4.5px;display:block;height:2px;left:0;opacity:1;position:absolute;transform:rotate(0deg);transition:.25s ease-in-out;width:100%}.burger span:first-of-type{top:0;transform-origin:left center}.burger span:nth-of-type(2){top:50%;transform:translateY(-50%);transform-origin:left center}.burger span:nth-of-type(3){top:100%;transform:translateY(-100%);transform-origin:left center}.burger input:checked~span:first-of-type{left:2.5px;top:0;transform:rotate(45deg)}.burger input:checked~span:nth-of-type(2){opacity:0;width:0}.burger input:checked~span:nth-of-type(3){left:2.5px;top:14px;transform:rotate(-45deg)}.list-container{position:absolute}.list{background-color:linen;border-radius:20px 0 20px 20px;box-shadow:0 25px 45px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:1rem;height:fit-content;padding:1.2rem;position:absolute;right:-1.4rem;top:1rem;width:fit-content;z-index:3;& span{color:#000;cursor:pointer;font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:700;text-transform:uppercase}}.hidden{display:none!important}.contact-container,.projects-container,.technologies-container{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3);box-shadow:0 4px 30px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100vh;justify-content:center;left:50%;padding:2rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:100vw;z-index:1000;h2{color:#000;font-size:2rem;text-align:start}}.contacts,.projects,.technologies{background-color:linen;border:1px solid dimgray;border-radius:20px 0 20px 20px;display:flex;flex-direction:column;gap:1.5rem 24px;max-height:80dvh;max-width:400px;overflow-y:auto;padding:2rem;position:relative}.projects>li>.heading{align-items:center;color:#000;display:flex;font-size:1.5rem;gap:.4rem;padding-bottom:.3rem;text-align:start}.description{color:dimgray;font-size:1rem;padding-bottom:.5rem;text-align:start;text-transform:none}.tags{display:flex;flex-wrap:wrap;gap:.2rem}.tags>span{background-color:#000;border-radius:5px;color:#fff;font-size:10px;padding:.2rem .4rem}.technologies>h2{padding-bottom:1rem}.technologies-list{display:grid;gap:1rem;grid-template-columns:repeat(3,100px);justify-items:center}@media screen and (max-width:768px){.technologies-list{gap:2rem;grid-template-columns:repeat(2,100px)}}.technology-item{flex-direction:column;gap:.5rem;width:40px}.contacts>li,.contacts>li>div,.technology-item{align-items:center;display:flex}.contacts>li>div{gap:.5rem}.contacts>li>.heading{align-items:center;display:flex}@media screen and (max-width:768px){.contacts>li{align-items:flex-start;display:flex;flex-direction:column}}.contacts>li>.heading>img,.contacts>li>div>img{height:auto;transform:scale(.8);width:20px}.contacts .heading span{color:#000;font-weight:700}.contacts .description{padding:unset}.close-modal{position:absolute;right:1rem;top:1rem}