@import"https://fonts.googleapis.com/css2?family=Google+Sans+Code:wght@300..800&display=swap";.home-container{grid-template-columns:.5fr 1fr;align-items:center;gap:2rem 10rem;padding:2.25rem;min-height:100vh}.home-title{font-size:var(--h1-font-size);position:relative}.home-content{width:80%}.home-title span{color:var(--first-color)}.home-description{line-height:1.75;max-width:739px;margin-block:1.5rem 2.5rem}.color-block{position:fixed;width:30%;height:150%;background-color:var(--first-color);transform:rotate(-16deg);top:-12%;left:-12%}.download{color:inherit;font-weight:var(--weight-700)}.about-container,.info-list,.stats{grid-template-columns:1fr 1fr;align-items:stretch;gap:1.75rem}.resume-container{grid-template-columns:1fr 1fr;align-items:start;gap:1.75rem}.about-info{border:1px solid var(--first-color);padding:1.25rem 2rem 1.5rem;border-radius:1rem}.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{font-weight:var(--weight-800);color:var(--title-color)}.info-title,.info-description{font-size:var(--small-font-size)}.stats-no{color:var(--first-color);font-size:var(--h2-font-size);margin-bottom:.25rem}.stats-title{padding-left:2.75rem;font-size:var(--small-font-size);line-height:1.5;position:relative}.stats-box{border:1px solid var(--first-color);padding:1.25rem 2rem 1.5rem;border-radius:1rem}.stats-title:before{content:"";position:absolute;top:25%;left:0%;height:1px;width:30px;background-color:var(--text-color)}.separator{max-width:450px;border-top:1px solid var(--text-color);margin:4.5rem auto}.subtitle-center{text-align:center}.skills-container{row-gap:5rem;grid-template-columns:repeat(5,1fr)}.skills-data{text-align:center}.skills-blob{width:80px;height:80px;background-color:var(--container-color);border-radius:3rem;display:grid;place-items:center;margin-inline:auto}.skills-icon{font-size:40px;text-align:center}.skills-name{font-size:var(--nomral-font-size);font-weight:var(--weight-700);margin-block:1rem .25 .25rem;padding-top:.5rem}.skills-level{font-size:var(--smaller-font-size);display:inline-flex;gap:.2rem;align-items:center}.resume-group{gap:3rem}.resume-item{padding-left:3.75rem;position:relative}.resume-icon{position:absolute;top:0;left:0;color:var(--white-color);background-color:var(--first-color);width:40px;aspect-ratio:1/1;border-radius:50%;display:grid;place-items:center;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-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-500);padding-left:1.5rem;position:relative}.resume-subtitle span:before{content:"";position:absolute;top:.55rem;left:.5rem;width:10px;height:2px;background-color:var(--text-color)}.resume-description{font-size:var(--small-font-size);line-height:1.75rem}.portfolio-container{grid-template-columns:1fr 1fr 1fr;gap:2rem}.portfolio-card{background-color:var(--container-color);padding:1.5rem;border-radius:1.5rem;display:flex;flex-direction:column}.portfolio-img-wrapper{border-radius:1.25rem;overflow:hidden;display:block}.portfolio-img{transition:transform .3s ease}.portfolio-img:hover{transform:scale(1.1)}.portfolio-skill{font-size:30px;text-align:center;margin-right:10px}.portfolio-skills{margin-block:1rem 1rem}.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-link{color:var(--title-color);display:inline-flex;align-items:center;column-gap:.5rem;transition:color .3s ease;margin-top:auto}.portfolio-link:hover{color:var(--text-color)}.link-icon{font-size:1.5rem}.contact-container{grid-template-columns:5fr 7fr;align-items:flex-start;gap:3rem 1.5rem}.contact-content{padding-top:.5rem;row-gap:3rem}.contact-card{display:grid;grid-template-columns:max-content .8fr;align-items:center;column-gap:4rem}.contact-icon{width:56px;height:56px;border-radius:50%;border:2px solid var(--first-color);background-color:var(--container-color);font-size:var(--h3-font-size);display:grid;place-items:center;position:relative}.contact-icon:after{content:"";position:absolute;left:100%;top:50%;width:40px;height:2px;background-color:var(--first-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;position:relative}.contact-form-input{background-color:var(--container-color);color:var(--title-color);padding:1rem 1.5rem;border-radius:1.5rem}.contact-form-group{grid-template-columns:1fr 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);color:var(--title-color)}.contact-form-label b{text-indent:1.5rem;font-size:var(--small-font-size);color:var(--first-color)}.contact-form-area{resize:none;height:140px}.contact-button{margin-top:1.5rem}.contact-message{left:.5rem;position:absolute;bottom:4.6rem;font-size:var(--small-font-size)}.color-red{color:#e2322c}.color-first{color:#52ff52}input:autofill,textarea:autofill,select:autofill{-webkit-text-fill-color:var(--title-color)!important;transition:background-color 999999s ease-in-out 0s;box-shadow:0 0 0 1000px var(--input-bg-color) inset}.nav{position:fixed;inset-block:0px;right:2rem;display:flex;align-items:center;z-index:100}.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-icon{color:var(--title-color);font-size:1.25rem;transition:color .3 ease}.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{opacity:1;visibility:visible;right:.5rem}.nav-close,.nav-toggle{display:none}.nav-link:hover,.active-nav{background-color:var(--first-color)}.nav-link:hover .nav-icon,.active-nav .nav-icon{color:var(--white-color)}.style-switcher{position:fixed;top:10%;left:0;background-color:var(--white-color);width:230px;padding:1rem 0 1rem 1rem;z-index:100;transform:translate(-101%);transition:transform .5s ease}.show-switcher{transform:translate(0)}.style-switcher,.switcher-toggler,.theme-toggler{border-radius:0 .5rem .5rem 0}.switcher-items{grid-template-columns:1fr 1fr 1fr;gap:1rem .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);padding-bottom:.5rem;margin-bottom:1rem}.theme-img{width:30px;cursor:pointer}.switcher-toggler,.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 .5s ease}.show-switcher :is(.switcher-toggler,.theme-toggler){left:-100%}.switcher-toggler{top:12%}.theme-toggler{bottom:12%}.switcher-close{font-size:2rem;position:absolute;top:0rem;right:0rem;cursor:pointer}: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-start: hsl(var(--hue), 25%, 65%);--body-color-end: hsl(var(--hue), 25%, 91%);--container-color: hsl(var(--hue), 4%, 95%);--border-color: hsl(var(--hue), 4%, 91%);--white-color: hsl(var(--hue), 4%, 100%);--body-font: "Google Sans Code", monospace;--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}.dark-theme{--title-color: hsl(var(--hue), 4%, 100%);--text-color: hsl(var(--hue), 4%, 80%);--body-color-start: hsl(var(--hue), 30%, 15%);--body-color-end: hsl(var(--hue), 30%, 20%);--container-color: hsl(var(--hue), 4%, 30%);--border-color: hsl(var(--hue), 4%, 16%)}@media screen and (max-width:1327px){: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}}@media screen and (max-width:425px){:root{--h1-font-size: 1.9rem;--h2-font-size: 1.7rem;--h3-font-size: 1.25rem;--large-font-size: 1rem;--normal-font-size: .9rem;--small-font-size: .813rem;--smaller-font-size: .75rem}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{overflow-y:scroll;min-height:100%;background:linear-gradient(135deg,var(--body-color-start),var(--body-color-end));background-repeat:no-repeat;background-attachment:fixed}body,input,textarea,button{font-family:var(--body-font);font-size:var(--normal-font-size);font-weight:var(--weight-500)}body{min-height:100dvh;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:transparent;border:none;outline:none}img{display:block;max-width:100%}.button{display:inline-block;border:1px solid var(--first-color);color:var(--title-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 .1s ease;cursor:pointer}.button:before{content:"";position:absolute;inset:0;background-color:var(--first-color);border-radius:inherit;z-index:-10;transform:translate(100%);transition:transform .5s 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}.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:1450px;margin-inline:auto;padding-inline:1.25rem}@media screen and (max-width:1600px){.container{max-width:1008px}}@media screen and (max-width:1208px){.nav-menu{position:fixed;display:flex;justify-content:center;align-items:center;top:0;right:-100%;background-color:var(--container-color);width:200px;height:300px;z-index:1000;transition:right .3s ease;border-top-left-radius:5%;border-bottom-left-radius:5%;border:1px solid black}.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-name{color:var(--title-color);font-size:1rem;font-weight:var(--weight-600)}.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-icon,.nav-name{transition:color .3s ease}.nav-close,.nav-toggle{display:inline-flex;color:var(--title-color);cursor:pointer;position:absolute}.nav-close{top:1.25rem;right:1.5rem;font-size:1.75rem}.nav-toggle{top:1rem;right:-.75rem;width:40px;height:40px;border-radius:.25rem;background-color:var(--container-color);display:grid;place-items:center;font-size:1.5rem}}@media screen and (max-width:1024px){.home-container{grid-template-columns:2fr;place-items:center}.home-container,.section{padding-block:3rem}.color-block{width:50px;transform:none;left:0}.home-content{text-align:center;margin-bottom:auto}.home-description{text-align:justify;width:500px;justify-self:center}.home-title{padding-left:0}.section-title{margin-bottom:3rem}.about-container,.resume-container,.contact-container{grid-template-columns:600px;row-gap:2.75rem}.about-container,.resume-container,.stats,.about,.skills-container,.portfolio-container,.contact-container{justify-content:center}.section-subtitle{justify-self:center}.skills{width:600px;margin:0 auto}.skills-container{row-gap:3rem}.skills-blob{width:70px;height:70px}.skills-icon{font-size:35px}.portfolio-container{grid-template-columns:350px 350px;gap:1.5rem}.contact-content{padding-top:0}.contact-form-group{grid-template-columns:1fr}.about-info a{display:block;margin:0 auto;width:fit-content}}@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:600px){.home-container,.container{padding-inline:.75rem}.color-block{display:none}.home-description{width:350px}.stats-box{padding:15px}.info-list{grid-template-columns:1fr}.skills{max-width:370px}.about-container,.resume-container,.contact-container,.portfolio-container{grid-template-columns:330px}.skills-container{grid-template-columns:123px 123px 123px}.skills-data{width:100px}.skills-blob{width:60px;height:60px}.skills-icon{font-size:30px}}