@import "https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@500;600;700;800&family=Protest+Guerrilla&display=swap";.home-container{grid-template-columns:4.75fr 7.25fr;align-items:center;gap:2rem clamp(2rem,32.6531vw - 22.6531rem,10rem);min-height:100vh;padding:2.5rem}.home-img{object-fit:cover;z-index:10;border-radius:2rem;width:75%;height:calc(90vh - 5rem)}.home-title{font-size:var(--h1-font-size);padding-left:4.25rem;position:relative}.home-title span{color:var(--first-color)}.home-title:before{content:"";background-color:var(--first-color);border-radius:.5rem;width:40px;height:4px;position:absolute;top:22%;left:0}.home-description{max-width:600px;margin-block:1.5rem 2.5rem;line-height:1.75}.color-block{background-color:var(--first-color);width:30%;height:150%;position:fixed;top:-12%;left:-12%;transform:rotate(-16deg)}.about-container,.info-list,.stats,.skills-container,.resume-container{grid-template-columns:repeat(2,1fr);align-items:flex-start;gap:1.75rem}.section-subtitle{font-size:var(--h3-font-size);font-weight:var(--weight-700);margin-bottom:3rem}.info-list{row-gap:1.25rem;margin-bottom:2.25rem}.info-title,.info-description{font-size:var(--small-font-size)}.info-description{color:var(--title-color)}.stats-box{border:1px solid var(--border-color);border-radius:.5rem;padding:1.25rem 2rem 1.5rem}.stats-no{color:var(--first-color);font-size:var(--h2-font-size);margin-bottom:.25rem}.stats-title{font-size:var(--small-font-size);padding-left:2.75rem;line-height:1.5;position:relative}.stats-title:before{content:"";background-color:var(--text-color);width:30px;height:1px;position:absolute;top:25%;left:0}.separator{border-top:1px solid var(--border-color);max-width:450px;margin:4.5rem auto}.subtitle-center{text-align:center}.skills-container{column-gap:10rem}.skills-title{font-size:var(--large-font-size);font-weight:var(--weight-700);text-align:center;margin-bottom:3rem}.skills-items{grid-template-columns:repeat(3,1fr);gap:3rem}.skills-data{text-align:center}.skills-blob{background-color:var(--container-color);border-radius:3rem;place-items:center;width:80px;height:108px;margin-inline:auto;display:grid}.skills-img{width:40px}.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)}.resume-group{row-gap:3rem}.resume-item{padding-left:3.75rem;position:relative}.resume-item:before{content:"";border-left:1px solid var(--border-color);position:absolute;inset:0 auto 0 1.25rem}.resume-icon{color:var(--white-color);background-color:var(--first-color);aspect-ratio:1;width:40px;font-size:var(--large-font-size);border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}.resume-date{background-color:var(--container-color);font-size:var(--smaller-font-size);border-radius:1rem;padding:.25rem .75rem}.resume-subtitle{font-size:var(--large-font-size);font-weight:var(--weight-700);margin-block:1.25rem .75rem}.resume-subtitle span{color:var(--text-color);font-size:var(--small-font-size);font-weight:var(--weight-700);padding-left:1.5rem;position:relative}.resume-subtitle span:before{content:"";background-color:var(--text-color);width:10px;height:2px;position:absolute;top:.5rem;left:.5rem}.reume-description{font-size:var(--small-font-size);line-height:1.75}.portfolio-container{grid-template-columns:repeat(3,1fr);gap:2rem}.portfolio-card{background-color:var(--container-color);border-radius:1.5rem;padding:1.5rem}.portfolio-img-wrapper{border-radius:1.25rem;display:block;overflow:hidden}.portfolio-img{transition:transform .3s}.portfolio-card:hover .portfolio-img{transform:scale(1.2)}.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-skills{background-color:var(--body-color);border-radius:1rem;align-items:center;column-gap:.75rem;width:max-content;height:34px;margin-block:1.5rem;padding-inline:.75rem;display:flex}.portfolio-skill{width:16px}.portfolio-link{color:var(--title-color);align-items:center;column-gap:.5rem;transition:color .3s;display:inline-flex}.portfolio-link:hover{color:var(--text-color)}.link-icon{font-size:1.25rem}.contact-container{grid-template-columns:5fr 7fr;align-items:flex-start;gap:3rem 1.5rem}.contact-content{row-gap:2.5rem;padding-top:.5rem}.contact-card{grid-template-columns:max-content 1fr;align-items:center;column-gap:4.5rem;display:grid}.contact-icon{border:2px solid var(--border-color);background-color:var(--container-color);width:56px;height:56px;font-size:var(--h3-font-size);border-radius:50%;place-items:center;display:grid;position:relative}.contact-icon:after{content:"";background-color:var(--border-color);width:40px;height:2px;position:absolute;top:50%;left:100%}.contact-title{font-size:var(--large-font-size);margin-bottom:.5rem}.contact-date{font-size:var(--small-font-size)}.contact-form{row-gap:1.25rem;position:relative}.contact-form-group{grid-template-columns:repeat(2,1fr);gap:1.25rem}.contact-form-div{row-gap:.75rem;display:grid}.contact-form-label{text-indent:1.5rem;font-size:var(--small-font-size)}.contact-form-label b{color:var(--first-color)}.contact-form-input{background-color:var(--container-color);color:var(--title-color);border-radius:1.5rem;padding:1rem 1.5rem}.contact-form-area{resize:none;height:140px}.contact-button{justify-self:flex-end;margin-top:1.5rem}.subject-field{grid-column:span 1;width:206%;height:90px}.message-field{grid-column:1/2}.contact-form-area{resize:none;width:206%;height:120px}.contact-message{font-size:var(--small-font-size);position:absolute;bottom:4.6rem;right:.5rem}.color-red{color:#e2322c}.color-first{color:var(--first-color)}.nav{inset-block:0;z-index:1000;align-items:center;display:flex;position:fixed;right:2rem}.nav-list{row-gap:1.25rem}.nav-link{background-color:var(--container-color);border-radius:50%;place-items:center;width:50px;height:50px;transition:background .3s;display:grid;position:relative}.nav-link:hover,.active-nav{background-color:var(--first-color)}.nav-icon{color:var(--title-color);font-size:1.25rem;transition:color .3s}.nav-link:hover .nav-icon,.active-nav .nav-icon{color:var(--white-color)}.nav-name{background-color:var(--first-color);height:100%;color:var(--white-color);font-size:var(--small-font-size);font-weight:var(--weight-600);opacity:0;visibility:hidden;z-index:-10;border-radius:1.5rem;align-items:center;padding-inline:1.75rem 2.75rem;transition:opacity .3s,visibility .3s,right .3s;display:flex;position:absolute;top:0;right:0}.nav-link:hover .nav-name{opacity:1;visibility:visible;right:.5rem}.nav-close,.nav-toggle{display:none}.style-switcher{background-color:var(--white-color);z-index:100;width:250px;padding:1rem;transition:transform .3s;position:fixed;top:10%;left:0;transform:translate(-100%)}.show-switcher{transform:translate(0)}.style-switcher,.switcher-toggler,.theme-toggler{border-radius:0 .25rem .2rem 0}.switcher-items{grid-template-columns:repeat(5,1fr);gap:.5rem .25rem}.switcher-title,.switcher-toggler,.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%,91%);margin-bottom:1rem;padding-bottom:.5rem}.theme-img{cursor:pointer;width:30px}.switcher-toggler,.theme-toggler{background-color:var(--white-color);width:50px;height:50px;font-size:var(--large-font-size);cursor:pointer;border:1px solid hsl(var(--hue),4%,91%);place-items:center;transition:left .3s;display:grid;position:absolute;left:100%}.show-switcher :is(.switcher-toggler,.theme-toggler){left:-100%}.switcher-toggler{top:12%}.theme-toggler{bottom:12%}.switcher-close{cursor:pointer;font-size:2.5rem;position:absolute;top:-.5rem;right:.5rem}: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:800}.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:1208px){:root{--h1-font-size:2.25rem;--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}}*{box-sizing:border-box;margin:0;padding:0}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)}h1,h2,h3{color:var(--title-color);font-weight:var(--weight-800)}ul{list-style:none}a{text-decoration:none}button,input,textarea{background-color:#0000;border:none;outline:none}img{max-width:100%;display:block}.button{color:var(--title-color);border:1px solid var(--first-color);font-size:var(--small-font-size);font-weight:var(--weight-600);border-radius:2rem;padding:1.25rem 4.5rem 1.25rem 2rem;transition:color .3s;display:inline-block;position:relative;overflow:hidden}.button:hover{color:var(--white-color)}.button:before{content:"";background-color:var(--first-color);border-radius:inherit;z-index:-10;transition:transform .3s;position:absolute;inset:0;transform:translate(100%)}.button:hover:before{transform:translate(0)}.button-icon{background-color:var(--first-color);aspect-ratio:1;color:var(--white-color);border-radius:50%;place-items:center;font-size:1.5rem;display:grid;position:absolute;inset:-1px -1px -1px auto}.section{padding-block:4rem}.section-title{font-size:var(--h1-font-size);text-align:center;margin-bottom:4.5rem}.section-title span{color:var(--first-color)}.grid{display:grid}.container{max-width:1208px;margin-inline:auto;padding-inline:1.25rem}@media screen and (max-width:1400px){.container{max-width:1008px}}@media screen and (max-width:1208px){.nav-menu{background-color:var(--container-color);z-index:1000;width:100%;height:100%;padding:5rem 0 0 3rem;transition:right .3s;position:fixed;top:0;right:-100%}.show-menu{right:0}.nav-list{row-gap:2rem}.nav-link,.nav-name{all:unset}.nav-link{cursor:pointer;align-items:center;column-gap:1rem;display:inline-flex}.nav-name{color:var(--title-color);font-size:1rem;font-weight:var(--weight-600)}.nav-icon,.nav-name{transition:color .3s}.nav-link:hover{background-color:initial}.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;display:inline-flex;position:absolute}.nav-close{font-size:1.75rem;top:1.25rem;right:1.5rem}.nav-toggle{background-color:var(--container-color);border-radius:.25rem;place-items:center;width:40px;height:40px;font-size:1.5rem;display:grid;top:1rem;right:-.75rem}.home-container{grid-template-columns:5fr 7fr;padding:1.5rem}.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 screen and (max-width:1024px){.home-container,.contact-form-group{grid-template-columns:1fr}.home-container,.section{padding-block:3rem}.color-block{display:none}.home-img{border-radius:50%;width:220px;height:220px;margin-top:auto}.home-img,.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-container{grid-template-columns:560px}.about-container,.resume-container{grid-template-columns:560px;row-gap:2.75rem}.about-container,.resume-container,.stats,.skills-container,.portfolio-container,.contact-container{justify-content:center}.about-info,.stats-box{text-align:center}.section-subtitle{margin-bottom:2.5rem}.stats{grid-template-columns:repeat(2,220px);gap:1rem}.stats-title{padding-left:0}.skills-container{grid-template-columns:350px;row-gap:3.5rem}.resume-group{row-gap:2rem}.portfolio-container{grid-template-columns:repeat(2,350px);gap:1.5rem}.contact-content{padding-top:0}}@media screen and (max-width:768px){.nav-toggle{top:.75rem;right:-1.25rem}.about-container,.resume-container,.contact-container{grid-template-columns:480px}.portfolio-container{grid-template-columns:380px}}@media screen and (max-width:540px){.home-container,.container{padding-inline:.75rem}.about-container,.resume-container,.contact-container,.skills-container,.portfolio-container{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr);gap:.75rem}.stats-box{padding-inline:1rem}.conatact-card{column-gap:3rem}.contact-icon:after{width:28px}}@media screen and (max-width:420px){.info-list{grid-template-columns:1fr}.skills-items{grid-template-columns:repeat(2,1fr)}.resume-item{padding-left:2.5rem}}