@import"https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.home-container{grid-template-columns:4.75fr 7.25fr;align-items:center;gap:2rem clamp(2rem,-22.6531rem + 32.6531vw,10rem);padding:2.5rem;min-height:100vh}.home-bg{height:70vh;border-radius:2rem;width:100%;z-index:100;width:1200px;margin-left:20px}.home-bg1{border-radius:50%;width:100%;z-index:100;margin:0 auto;height:240px;width:220px}@media (max-width:600px){.home-bg{margin-left:0;display:none}}@media (min-width:600px){.home-bg1{margin-left:0;display:none}}.home-title{font-size:var(--h2-font-size);padding-left:4.25rem;position:relative}.home-title span{color:var(--first-color)}.home-title:before{content:"";position:absolute;top:22%;left:0;width:40px;height:4px;border-radius:.5rem;background-color:var(--first-color)}.home-description{line-height:1.75rem;max-width:600px;margin-block:1.5rem 2.5rem}.color-black{position:fixed;transform:rotate(-16deg);top:-12%;left:-12%;width:30%;height:0vh;background-color:var(--first-color)}.about-container,.info-list{grid-template-columns:repeat(2,1fr);align-items:flex-start;grid-area:1.75rem}.skills-container{grid-template-columns:1fr}.section-subtitle{font-size:var(--h3-font-size);font-weight:var(--weight-700);margin-bottom:3rem;text-align:center;margin-top:-1rem}.about-info{display:flex;flex-direction:column;justify-content:center}.info-list{display:grid;row-gap:1.25rem;column-gap:2rem;margin-bottom:2.25rem;width:80%;justify-content:center;margin:2rem auto}@media (max-width:800px){.info-list{width:100%}.info-item{margin-bottom:10px}}.info-title,.info-description{font-size:var(--normal-font-size)}.info-description{color:var(--first-color)}.seperator{max-width:450px;border-top:1px solid var(--border-color);margin:4.5rem auto}.subtitle-center{text-align:center}.skills-container{column-gap:10rem}.skills-blob{width:80px;height:108px;background-color:var(--container-color);border-radius:3rem;display:grid;place-items:center;margin-inline:auto}.skills-items{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.skills-data{text-align:center}.skills-img{width:50px;border-radius:6px}.skills-title{text-align:center;margin-bottom:2rem}.skills-name{font-size:var(--normal-font-size);font-weight:var(--weight-700);margin-block:1rem .25rem}.skills-level{font-size:var(--smaller-font-size)}.education-group{row-gap:3rem}.resume-item{padding-left:3.75rem;position:relative}.resume-item:before{content:"";inset:0 auto 0 1.25rem;position:absolute;border-left:1px solid var(--border-color)}.resume-icon{position:absolute;top:0;left:0;color:var(--white-color);border-radius:50%;display:grid;place-items:center;background-color:var(--first-color);aspect-ratio:1/1;width:40px;font-size:var(--large-font-size)}.resume-date{background-color:var(--container-color);padding:.25rem .75rem;border-radius:1rem;font-size:var(--smaller-font-size)}.resume-title{font-size:var(--large-font-size);font-weight:var(--weight-700);margin-block:1.25rem .75rem}.resume-title span{color:var(--text-color);font-size:var(--small-font-size);font-weight:var(--weight-500);padding-left:1.5rem;position:relative}.resume-title span:before{content:"";position:absolute;top:.5rem;left:.5rem;width:10px;height:2px;background-color:var(--first-color)}.resume-description{line-height:1.75rem;font-size:var(--small-font-size)}.cv-button{margin:0 auto;display:flex;justify-content:center}.contact-form{position:relative}.contact-message{position:absolute;right:.5rem;bottom:4.6rem;font-size:var(--small-font-size)}.portfolio-container{grid-template-columns:repeat(3,1fr);gap:1rem}.portfolio-card{background-color:var(--container-color);padding:1.2rem;border-radius:1rem}.portfolio-img-wrapper{border-radius:.25rem;overflow:hidden;display:block}.portfolio-img{transition:transform .3s ease;height:230px}.portfolio-title{font-size:var(--large-font-size);margin-block:1.5rem .5rem}.portfolio-description{font-size:var(--small-font-size);line-height:1.5}.portfolio-skill{width:max-content;display:flex;column-gap:.75rem;background-color:var(--body-color);padding-inline:.75rem;height:34px;border-radius:1rem;align-items:center;margin-block:1.5rem}.portfolio-skill-img{width:16px}.portfolio-link{color:var(--title-color);display:inline-flex;align-items:center;column-gap:.5rem;transition:color .3s ease}.portfolio-link:hover{color:var(--text-color)}.link-icon{font-size:1.25rem}.contact-container{display:grid;grid-template-columns:5fr 7fr;align-items:flex-start;gap:3rem 1.5rem}.contact-content{padding-top:.5rem;row-gap:2.5rem}.contact-card{display:grid;grid-template-columns:max-content 1fr;align-items:center;column-gap:4.5rem}.contact-icon{width:56px;height:56px;border-radius:50%;border:2px solid var(--border-color);background-color:var(--container-color);font-size:var(--h3-font-size);display:grid;place-items:center;position:relative}.contact-icon:before{content:"";position:absolute;left:100%;top:50%;width:40px;height:2px;background-color:var(--border-color)}.contact-title{font-size:var(--large-font-size);margin-bottom:.5rem}.contact-data{font-size:var(--small-font-size)}.contact-form{row-gap:1.25rem}.contact-form-group{grid-template-columns:repeat(2,1fr);gap:1.25rem}.contact-form-div{display:grid;row-gap:.75rem}.contact-form-label{text-indent:1.5rem;font-size:var(--small-font-size)}.contact-form-input{background-color:var(--container-color);font-size:var(--title-color);padding:1rem 1.5rem;border-radius:1.5rem}.contact-form-label b{color:var(--first-color)}.contact-form-area{resize:none;height:140px}.contact-button{justify-self:flex-end;margin-top:1.5rem}.project-link{display:flex;align-items:center;gap:4px}.nav{position:fixed;inset-block:0;right:2rem;display:flex;align-items:center;z-index:1000}.nav-list{row-gap:1.25rem}.nav-link{background-color:var(--container-color);width:50px;height:50px;border-radius:50%;display:grid;place-items:center;position:relative;transition:background .3s ease}.nav-close,.nav-toggle{display:none}.nav-link:hover,.active-nav{background-color:var(--first-color)}.nav-icon{color:var(--title-color);font-size:1.25rem;transition:all .3s ease}.nav-link:hover .nav-icon,.active-nav .nav-icon{color:var(--white-color)}.nav-name{position:absolute;top:0;right:0;background-color:var(--first-color);height:100%;padding-inline:1.75rem 2.75rem;border-radius:1.5rem;display:flex;align-items:center;color:var(--white-color);font-size:var(--small-font-size);font-weight:var(--weight-600);opacity:0;visibility:hidden;z-index:-10;transition:opacity .3s ease,visibility .3s ease,right .3s ease}.nav-link:hover .nav-name{visibility:visible;opacity:1;right:.5rem}.style-switcher{position:fixed;z-index:1000;top:10%;left:0;background-color:var(--white-color);width:250px;padding:1rem;transform:translate(-101%);transition:transform .4s ease}.showSwitcher{transform:translate(0)}.showSwitcher :is(.switcher-toggle,.theme-toggler){left:-100%}.switcher-toggle,.switcher-title,.theme-toggler,.switcher-close{color:hsl(var(--hue),4%,26%)}.switcher-title{font-size:var(--normal-font-size);font-weight:var(--weight-700);border-bottom:1px solid hsl(var(--hue),4%,38%);padding-bottom:.5rem;margin-bottom:1rem}.switcher-items{grid-template-columns:repeat(5,1fr);gap:.5rem .25rem}.theme-img{width:30px;cursor:pointer}.switcher-toggle,.theme-toggler{position:absolute;left:100%;background-color:var(--white-color);width:50px;height:50px;font-size:var(--large-font-size);cursor:pointer;display:grid;place-items:center;border:1px solid hsl(var(--hue),4%,91%);transition:left .4s ease}.switcher-toggle{top:12%}.theme-toggler{bottom:12%}.switcher-close{font-size:1.5rem;position:absolute;top:.7rem;right:.5rem;cursor:pointer}.theme-toggler,.switcher-toggle,.style-switcher{border-radius:0 .25rem .25rem 0}:root{--hue:271;--first-color:hsl(var(--hue),76%,53%);--title-color:hsl(var(--hue),4%,26%);--text-color:hsl(var(--hue),4%,38%);--body-color:hsl(var(--hue),4%,99%);--container-color:hsl(var(--hue),4%,95%);--border-color:hsl(var(--hue),4%,91%);--white-color:hsl(var(--hue),4%,100%);--body-font:"Montserrat+Alternates", sans-serif;--h1-font-size:3.5rem;--h2-font-size:3rem;--h3-font-size:1.5rem;--large-font-size:1.25rem;--normal-font-size:1rem;--small-font-size:.875rem;--smaller-font-size:.813rem;--weight-500:500;--weight-600:600;--weight-700:700;--weight-800:800}@media screen and (max-width: 1208px){:root :root{--h1-font-size:2.5rem;--h2-font-size:2rem;--h3-font-size:1.25rem;--large-font-size:1rem;--normal-font-size:.938rem;--small-font-size:.813rem;--smaller-font-size:.75rem}}html{scroll-behavior:smooth}.button{display:inline-block;color:var(--title-color);border:1px solid var(--first-color);padding:1.25rem 4.5rem 1.25rem 2rem;border-radius:2rem;font-size:var(--small-font-size);font-weight:var(--weight-600);position:relative;overflow:hidden;transition:color .4s ease}.button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--first-color);border:inherit;z-index:-10;transform:translate(100%);transition:all .4s ease}.button:hover{color:var(--white-color)}.button:hover:before{transform:translate(0)}.button-icon{position:absolute;inset:-1px -1px -1px auto;background-color:var(--first-color);aspect-ratio:1/1;border-radius:50%;color:var(--white-color);font-size:1.5rem;display:grid;place-items:center}*{margin:0;padding:0;box-sizing:border-box}body,input,textarea,button{font-family:var(--body-font);font-size:var(--normal-font-size);font-weight:var(--weight-500)}body{background-color:var(--body-color);color:var(--text-color);font-family:Montserrat Alternates,sans-serif}h1,h2,h3{color:var(--text-color);font-weight:var(--weight-800)}ul{list-style:none}a{text-decoration:none}button,textarea,input{border:none;background-color:transparent;outline:none}img{display:block;max-width:100%}.grid{display:grid}.section{padding-block:4rem}.section-title{font-size:var(--h1-font-size);text-align:center;margin-bottom:4.5rem;font-family:var(--body-font);font-family:Montserrat Alternates,sans-serif}.section-title span{color:var(--first-color)}.container{max-width:1140px;margin-inline:auto;padding-inline:1.25rem}.dark-theme{--title-color:hsl(var(--hue),4%,100%);--text-color:hsl(var(--hue),4%,80%);--body-color:hsl(var(--hue),4%,8%);--container-color:hsl(var(--hue),4%,12%);--border-color:hsl(var(--hue),4%,16%)}@media screen and (max-width: 1400px){.container{max-width:1008px}}@media screen and (max-width: 1208px){.nav-menu{position:fixed;top:0;right:-100%;background-color:var(--container-color);width:100%;height:100%;padding:5rem 0 0 3rem;z-index:1000;transition:right .4s ease;transform:translate(-100%)}.show-menu{right:0}.nav-list{row-gap:2rem}.nav-link,.nav-name{all:unset}.nav-link{display:inline-flex;align-items:center;column-gap:1rem;cursor:pointer}.nav-link:hover{background-color:initial}.nav-name{color:var(--title-color);font-size:1rem;font-weight:var(--weight-600)}.nav-link:hover :is(.nav-icon,.nav-name),.active-nav :is(.nav-icon,.nav-name){color:var(--first-color)}.nav-close,.nav-toggle{color:var(--title-color);cursor:pointer;position:absolute}.nav-close{top:1rem;right:1.5rem;font-size:1.75rem;color:var(--first-color);display:block}.nav-toggle{top:1rem;right:-.75rem;width:40px;height:40px;border-radius:8px;border-color:var(--border-color);display:grid;place-items:center;font-size:1.5rem}.home-container{grid-template-columns:5fr 7fr;padding:1.5rem}.button{font-size:var(--small-font-size)}.stats{gap:1.25rem}.stats-box{padding:1rem 1.25rem}.stats-title{font-size:var(--smaller-font-size)}.skills-container{column-gap:5rem}.skills-title{margin-bottom:2.5rem}.skills-items{gap:2rem}.resume-icon{width:32px}.resume-item:before{left:1rem}}@media (max-width: 1024px){.home-container{grid-template-columns:1fr}.home-container,.section{padding-block:3rem}.color-black{display:none}.home-bg{width:220px;height:220px;margin:0 auto;border-radius:50%}.home-bg,.home-description{margin-inline:auto}.home-content{text-align:center;margin-bottom:auto}.home-title{padding-left:0}.home-title:before,.stats-title:before{all:unset}.section-title{margin-bottom:3rem}.about-container,.resume-container,.contact-content{grid-template-columns:560px;justify-content:center}.about-container,.resume-container{grid-template-columns:560px;row-gap:2.75rem;justify-content:center}.about-info,.stats-box{text-align:center}.section-subtitle{margin-bottom:2.5rem}.stats-title{padding-left:0}.skills-container{grid-template-columns:360px;justify-content:center;row-gap:1rem}.stats{grid-template-columns:repeat(2,220px);gap:1rem;justify-content:center}.resume-group{row-gap:2rem}.portfolio-container{grid-template-columns:repeat(2,350px);gap:1.5rem;justify-content:center}.contact-form-group{grid-template-columns:1fr;width:90%}.contact-form{width:90%}}@media screen and (max-width: 768px){.nav-toggle{top:.75rem;right:-1.25rem}.about-container,.resume-container,.contact-content{grid-template-columns:480px;justify-content:center}.portfolio-container{grid-template-columns:380px}.home-title{font-size:var(--h3-font-size)}.home-description{font-size:var(--small-font-size)}.section-title{font-size:var(--h3-font-size)}.section-subtitle{font-size:var(--large-font-size)}.info-title,.info-description,.resume-title{font-size:var(--small-font-size)}.stats-no{font-size:var(--h3-font-size)}.stats-box{padding:1rem;width:80%;margin:4px auto}.stats{grid-area:2px}.section{padding-block:1rem}}@media screen and (max-width: 540px){.home-container,.container{padding-inline:.75rem}.about-container,.resume-container,.contact-content,.skills-container,.portfolio-container{grid-template-columns:1fr;justify-content:center}.skills-items{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.skills-name{font-size:var(--small-font-size)}.skills-level{font-size:12px}.stats{grid-template-columns:repeat(2,1fr);gap:.75rem}.stats-box{padding-inline:1rem}.skills-blob{width:80px;height:100px}.skills-img{width:32px}.contact-card{column-gap:3rem}.contact-icon:after{width:28px}}.contact-container{display:flex}@media (max-width:900px){.contact-container{display:block}.contact-form{margin-top:30px}}