@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";:root{font-family:Outfit,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--base-color: #f0f0f0;--base-variant: #3498db;--text-color: #213547;--secondary-text: #a0a0a0;--primary-color: #80d8c3;--accent-color: #f1c40f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,button{font-weight:500;font-size:1em}.darkmode{--base-color: #0b192c;--text-color: #fff;--secondary-text: #000;--primary-color: #80d8c3}blockquote,body,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.show-more-button,.show-less-button{border:2px solid var(--text-color)}a{text-decoration:none}body{min-width:320px;min-height:100vh;background-color:var(--base-color);color:var(--text-color)}p{font-size:16px}h1{font-size:30px;line-height:1.1}h1{background:linear-gradient(267deg,#80d8c3 .36%,#3498db 102.06%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.resume-button{background-color:var(--primary-color)}.connect-btn{background-color:#f0f0f0;color:#000;border:2px solid #000}button{border-radius:30px;border:1px solid transparent;padding:15px;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;color:#000}img{width:60px}@media (min-width: 768px){h1{font-size:80px;padding:0;text-align:center}}.navbar,.links,.nav-menu{display:flex}.sun-icon,.nav-mob-open,.nav-menu{position:fixed}.sun-icon,.nav-mob-open{width:40px;cursor:pointer}.nav-mob-open,.nav-menu{z-index:2}.nav-mob-open,.nav-menu li a:after,.nav-mob-close{display:block}.navbar,.nav-menu{align-items:center}.links,.nav-menu{list-style:none;padding:0;margin:0}.nav-menu li,.nav-menu li a{color:#fff}.nav-menu li,.nav-mob-close{position:relative}.nav-menu li a,.nav-menu li p{text-decoration:none;padding:5px 0;font-size:18px}.navbar{justify-content:space-between;padding-top:10px;padding-bottom:10px}.sun-icon{right:60px}.nav-mob-open{height:40px;right:10px}.nav-menu{flex-direction:column;top:0;gap:30px;background-color:#213547;width:300px;height:100%;transition:right .5s ease;font-size:20px;right:-350px}.nav-menu li{font-weight:500;padding-left:100px}.nav-menu li p{color:#fff}.nav-menu li a:hover:after{width:100%}.nav-menu li a:after{content:"";width:0;height:2px;background:linear-gradient(267deg,#80d8c3 .36%,#3498db 102.06%);transition:width .3s ease;position:absolute;left:0;bottom:-2px}.nav-mob-close{top:30px;left:120px;width:30px}@media (max-width: 768px){.links{display:none}.hamburger-icon,.links{display:block}.links{position:absolute;top:50px;right:10px;background-color:#fff;border:1px solid #ccc;padding:10px;z-index:1000}}@media (min-width: 768px){.nav-mob-open,.nav-mob-close{display:none}.nav-menu{position:static;align-items:center;list-style:none;right:0;background-color:transparent;flex-direction:row;width:100%}.nav-menu li{padding-left:0}.nav-menu li p{font-size:16px;color:var(--text-color)}.sun-icon{position:absolute;top:150px;right:20px;width:64px;z-index:2}.logo{width:120px}}@media (min-width: 1024px){.nav-menu{gap:50px}.nav-menu li p{font-size:20px}}#intro,.about-buttons-container,.social-network-inner-container,.resume-button{display:flex}#intro,.about-buttons-container,.resume-button{justify-content:center}#intro,.about-buttons-container,.resume-button{align-items:center}.main-img,#download-icon{display:inline}.resume-button,.connect-btn{border-radius:30px;padding:15px}@keyframes profile__animate{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}#intro{flex-direction:column;text-align:center}.main-img{margin-top:20px;margin-bottom:40px;width:150px;box-shadow:0 0 0 9px #80d8c3;animation:profile__animate 8s ease-in-out infinite}.about-buttons-container{margin-top:10px;gap:10px;width:100%;margin-bottom:20px}.connect-btn,.resume-button{flex:1}#intro h1,.text-intro{margin:0 auto 20px}#intro h1{margin-bottom:10px;width:90%;font-size:35px}.text-intro{line-height:26px}.social-network-container{padding:20px}.social-network-inner-container{gap:30px}.social-icon img{width:40px}.achievement p{font-weight:600}label{font-weight:700}.resume-button{gap:8px;background:linear-gradient(267deg,#80d8c3 .36%,#3498db 102.06%);cursor:pointer;text-decoration:none;color:#fff;padding:17px 15px}.resume-button img{width:24px;height:24px}@media (min-width: 768px){.main-img{width:200px}#intro{position:relative}#intro h1{font-size:50px}.text-intro{font-size:22px;line-height:36px;width:80%}.about-buttons-container{font-size:22px;gap:25px;width:fit-content}.resume-button,.connect-btn{font-size:20px;border-radius:50px}.connect-btn{padding:20px 60px}.resume-button{padding:22px 60px;white-space:nowrap}.social-network-container{position:absolute;bottom:70px;margin-right:20px;padding:20px;right:-40px}.social-network-inner-container{flex-direction:column}}@media (min-width: 1024px){#intro h1{font-size:60px}.text-intro{font-size:24px;line-height:40px}.about-buttons-container{font-size:24px}.connect-btn,.resume-button{font-size:22px}.connect-btn{padding:25px 65px}.resume-button{padding:27px 65px}}#achievements{display:flex;flex-wrap:wrap;gap:40px;margin-top:50px}.achievement{text-align:center;flex:1 1 calc(50% - 20px);box-sizing:border-box}.data{background:linear-gradient(267deg,#80d8c3 .36%,#3498db 102.06%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (min-width: 768px){#about{margin:100px 70px}#about p{font-size:20px;line-height:35px}#achievements{flex-direction:column;margin-bottom:50px}.achievement{display:flex;flex-direction:column;gap:20px}h3{font-size:30px}}@media (min-width: 1024px){#about{margin:190px 170px}#about p{font-size:22px}#achievements{flex-direction:row}.achievement{flex:1 1 calc(25% - 20px)}}.experiences,.education,.skills{display:flex}.experience,.school{border-radius:10px;box-shadow:0 0 5px 2px #ccc;padding:20px}.experiences,.education{flex-direction:column;gap:30px}.qualification-btns button{margin-right:5px;background-color:#dcdcdc;padding:10px;margin-bottom:30px}button#active{background-color:#80d8c3}.company-logo{width:80px}.skills{margin-top:20px;flex-wrap:wrap;row-gap:20px;column-gap:20px}.skills img{margin-right:10px}@media (min-width: 768px){#qualifications{margin:100px 70px}.qualification-btns{display:flex;justify-content:center}.qualification-btns button{padding:15px 30px;font-size:20px}.skills{justify-content:center}.skills img{width:100px}}@media (min-width: 1024px){#qualifications{margin:190px 170px}.experience p,.education p{font-size:20px}.skills{row-gap:50px;justify-content:center}}.project,.image-container{position:relative}.project,.overlay{overflow:hidden}.project-title,.image-container{margin-bottom:20px}.project:hover .project-buttons,.overlay,.show-more-button,.show-less-button{display:flex}.proj-buttons,.show-more-button,.show-less-button{border-radius:50px}.proj-buttons,.overlay{color:#fff}.projects-container img,.overlay{box-sizing:border-box;-o-object-fit:cover;object-fit:cover}.projects-container img,.image-container,.overlay{width:100%}.projects-container img,.projects-container img:hover,.overlay{border-radius:20px}.projects-container img,.show-more-button,.show-less-button{cursor:pointer}.projects-container img,.projects-container img:hover{transition:transform .3s ease,border .3s ease}.overlay,.show-more-button,.show-less-button{padding:20px;align-items:center}.show-more-button,.show-less-button{gap:15px;font-size:20px;font-weight:500;margin-bottom:80px;transition:.6s;width:fit-content}.show-more-button img,.show-less-button img{width:30px}.project{margin-bottom:50px}.project-name{margin-bottom:15px}.project-buttons button:hover{background-color:#80d8c3}.projects{grid-template-columns:1fr 1fr;gap:30px}.projects-container{display:grid;grid-template-columns:1fr;gap:20px;transition:all .4s ease}.proj-buttons{padding:10px;border:1px solid #3498db;background-color:#3498db}.projects-container img{height:200px}.projects-container img:hover{transform:scale(1.1);border:3px solid #80d8c3}.image-container{height:auto;aspect-ratio:16 / 9}.overlay{position:absolute;bottom:0;left:0;height:100%;background-color:#213547;opacity:0;transition:opacity .3s ease;flex-direction:row;justify-content:center;gap:10px;max-height:100%}.projects-container img{height:100%}.image-container:hover .overlay{opacity:1}.tech-task{background:linear-gradient(267deg,#80d8c3 .36%,#3498db 102.06%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (min-width: 768px){#projects{margin:100px 70px}.project-desc,.tech-task{font-size:20px;line-height:35px}.tech-task{margin-top:10px;font-weight:600}}@media (min-width: 1024px){#projects{margin:190px 170px}.projects-container{display:flex;gap:50px;flex-wrap:wrap}.project{flex:1 1 calc(50% - 50px);max-width:50%}.project-title{font-size:25px;text-align:center}}.contact-info,input,textarea{margin-bottom:20px}input,textarea{display:block;padding:1em;width:calc(100% - 2em);border-radius:5px;background-color:#152441;color:#a0a0a0;font-family:outfit}input:-webkit-autofill,textarea:-webkit-autofill{-webkit-text-fill-color:#a0a0a0;transition:background-color 5000s ease-in-out 0s}input:hover,textarea:hover{background-color:#152441;color:#a0a0a0;border:none;outline:none}input,textarea,.submit-btn{font-size:16px;border:none;margin-top:10px}.contact-info-container{margin-top:30px;margin-bottom:30px}.contact-info{display:flex;gap:20px;align-items:center}.contact-info img{width:30px}input{height:30px;transition:background-color 5000s ease-in-out 0s}.submit-btn{background-color:#80d8c3;padding:15px 30px;color:#fff;background:linear-gradient(267deg,#80d8c3 .36%,#3498db 102.06%)}@media (min-width: 768px){#contacts{margin:100px 70px}.contact{display:flex;gap:50px;width:100%}.contact>*{flex:1 1 50%;min-width:0}}@media (min-width: 1024px){#contacts{margin:190px 170px}label,input,textarea,.submit-btn,.contact p{font-size:22px}.contact div:first-child p{font-size:18px}}#footer{margin-bottom:20px}.footer{font-weight:500}.proverb{margin-bottom:50px}.proverb-title{background:linear-gradient(267deg,#80d8c3 .36%,#3498db 102.06%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.footer p{margin-bottom:10px}.copyright{margin-top:50px}@media (min-width: 768px){#footer{margin:50px 70px}.footer p{font-size:20px;line-height:35px}.footer-text-container{display:flex;align-items:flex-start;justify-content:space-between}p.copyright{margin:0}}@media (min-width: 1024px){#footer{margin:80px 110px}.proverb{text-align:center}.footer-links{display:flex;gap:30px}}.main-inner-container{padding:20px}section{margin-bottom:100px}.section-title{margin-bottom:20px}.hidden{display:none}