.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;z-index:10}.home-img{height:calc(100vh - 5rem);width:100%;object-fit:cover;border-radius:2rem}.home-title{font-size:var(--h1-font-size);padding-left:4.25rem;position:relative}.home-title .my-name{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.75;max-width:600px;margin-block:1.5rem 2.5rem}.color-block{position:fixed;width:30%;height:130%;background-color:var(--first-color);transform:rotate(-16deg);top:-12%;left:-12%;z-index:-1}.social-icons{display:flex;align-items:center;justify-content:flex-start;gap:1.5rem;padding-bottom:1.5rem;flex-wrap:wrap}.social-icons a{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background-color:var(--container-color);color:var(--title-color);font-size:2rem;transition:all .3s ease}.social-icons a:hover{background-color:var(--first-color);color:var(--white-color);transform:translateY(-5px)}@media screen and (max-width: 1200px){.social-icons{gap:1.25rem}.social-icons a{width:2.75rem;height:2.75rem;font-size:1.75rem}}@media screen and (max-width: 992px){.home-container{grid-template-columns:1fr;text-align:center}.home-content{align-items:center;margin:0 auto;max-width:650px}.home-title{padding-left:0}.home-title:before{left:50%;transform:translate(-50%)}.home-description{margin-left:auto;margin-right:auto}.social-icons{justify-content:center;gap:1rem}}@media screen and (max-width: 768px){.social-icons{gap:1rem;padding-bottom:1.25rem}.social-icons a{width:2.5rem;height:2.5rem;font-size:1.5rem}}@media screen and (max-width: 576px){.social-icons{gap:.75rem;padding-bottom:1rem}.social-icons a{width:2.25rem;height:2.25rem;font-size:1.25rem}}@media screen and (max-width: 350px){.social-icons{justify-content:center;gap:.5rem}.social-icons a{width:2rem;height:2rem;font-size:1rem}}.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;color:var(--title-color)}.info-list{row-gap:1.25rem;margin-bottom:2.25rem}.info-title,.info-description{font-size:var(--small-font-size)}.info-description{color:var(--text-color)}.stats-box{border:1.5px solid var(--border-color);padding:1.25rem 2rem 1.5rem;border-radius:.5rem}.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-title:before{content:"";position:absolute;top:25%;left:0;width:30px;height:1px;background-color:var(--text-color)}.separator{max-width:450px;border-top:1px solid var(--border-color);margin:4rem 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(auto-fit,minmax(80px,1fr));gap:2rem}.skills-data{text-align:center}.skills-blob{width:80px;height:100px;background-color:var(--container-color);display:grid;place-items:center;margin-inline:auto;border-radius:2rem}.skills-img{width:50px;height:50px;object-fit:contain}.skills-name{font-size:var(--normal-font-size);font-weight:var(--weight-700);margin-block:.5rem .25rem}.skills-level{font-size:var(--smaller-font-size)}.skills-items{cursor:pointer}.resume-group{row-gap:3rem}.resume-item{padding-left:3.75rem;position:relative}.resume-item:before{content:"";position:absolute;inset:0 auto 0 1.25rem;border-left:1px solid var(--border-color)}.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(--small-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:.5rem;left:.5rem;width:10px;height:2px;background-color:var(--text-color)}.resume-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);padding:1rem;border-radius:1.5rem}.portfolio-img-wrapper{border-radius:1.25rem;overflow:hidden;display:block}.portfolio-img{width:612px;height:200px;transition:transform .3s ease}.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);padding-inline:.75rem;width:max-content;height:34px;border-radius:1rem;display:flex;align-items:center;column-gap:.75rem;margin-block:1.5rem}.portfolio-skill{width:20px}.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{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:after{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;position:relative}.contact-form-group{grid-template-columns:repeat(2,1fr);gap:1.25em}.contact-form-div{display:grid;row-gap:.75rem}.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);padding:1rem 1.5rem;border-radius:1.5rem}.contact-form-area{resize:none;height:140px}.contact-button{justify-self:flex-start;margin-top:1.5rem}.contact-message{position:absolute;right:.5rem;bottom:4.5rem;font-size:var(--small-font-size)}.color-red{color:#e2322c}.color-first{color:var(--first-color)}.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-link:hover,.active-nav{background-color:var(--first-color)}.nav-icon{color:var(--title-color);font-size:1.25rem;transition:color .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{opacity:1;visibility:visible;right:.5rem}.nav-close,.nav-toggle{display:none}.theme-img{border-radius:50%;height:25px;width:25px;cursor:pointer}.style-switcher{position:fixed;top:10%;left:0;background-color:var(--white-color);width:250px;padding:1rem;transform:translate(-100%);z-index:100;transition:transform .3s ease}.show-switcher{transform:translate(0)}.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 .3s ease}.switcher-toggler{top:12%}.theme-toggler{bottom:12%}.switcher-title{font-size:var(--normal-font-size);font-weight:var(--weight-700);border-bottom:1px solid hsl(var(--hue),4%,91%);padding-bottom:.5rem;margin-bottom:1rem}.switcher-items{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem .25rem}.switcher-title,.switcher-toggler,.theme-toggler,.switcher-close{color:hsl(var(--hue),4%,26%)}.switcher-close{font-size:2.5rem;position:absolute;top:-.5px;right:.5px;cursor:pointer}.style-switcher,.switcher-toggler,.theme-toggler{border-radius:0 .25rem .25rem 0}.show-switcher .switcher-toggler,.show-switcher .theme-toggler{left:-100%}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.grid{display:grid}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.justify-items-center{justify-items:center}.gap-4{gap:calc(var(--spacing)*4)}@media (min-width:48rem){.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}}: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%);--nav-name-color:white;--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}.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%);--nav-name-color:hsl(var(--hue),4%,100%)}.content-section{animation:.5s ease-out forwards fadeIn}*{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)}html{scroll-behavior:smooth}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{cursor:pointer;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;top:0;right:0;bottom:0;left: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:1208px),screen and (max-width:1024px),screen and (max-width:768px),screen and (max-width:600px),screen and (max-width:480px){.nav{justify-content:flex-end;width:100%;height:auto;padding:1rem 1.5rem;display:flex;position:fixed;inset:auto 0 0}.nav-toggle{z-index:1001;background-color:var(--container-color);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.75rem;display:flex;position:fixed;top:1.5rem;right:1.5rem;box-shadow:0 2px 8px #0000001a}.nav-menu{background-color:var(--body-color);z-index:1000;flex-direction:column;width:75%;height:100vh;padding:4rem 1.5rem 3rem;transition:right .3s ease-in-out;display:flex;position:fixed;top:0;right:-100%;overflow-y:auto;box-shadow:-5px 0 15px #0000001a}.show-menu{right:0}.nav-list{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;margin:0;padding:1rem 0;display:flex}.nav-item{width:100%;margin-bottom:1rem}.nav-link{border-radius:.75rem;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:auto;padding:.75rem 1.25rem;display:flex}.nav-name{all:unset;opacity:1;visibility:visible;font-size:1rem;font-weight:var(--weight-600);color:var(--title-color);margin-left:1rem;display:block;position:static}.nav-link .nav-name{color:var(--title-color)}.nav-link:hover .nav-name,.active-nav .nav-name{color:var(--white-color)}.nav-close{z-index:1001;cursor:pointer;color:var(--title-color);background-color:var(--container-color);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.75rem;display:flex;position:absolute;top:1.5rem;right:1.5rem;box-shadow:0 2px 8px #0000001a}.nav-close:hover{color:var(--first-color)}.show-menu~.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)}}@media screen and (max-width:1400px){.container{max-width:90%;margin:auto}}@media screen and (max-width:1208px){.home-container{text-align:center;grid-template-columns:1fr;padding:1.5rem}}@media screen and (max-width:1024px){.home-container,.contact-form-group,.section{text-align:center;grid-template-columns:1fr;padding-block:3rem}.color-block{display:none}.home-img{border-radius:50%;width:200px;height:200px;margin:auto}.stats{grid-template-columns:repeat(2,1fr);gap:1rem}.portfolio-container{grid-template-columns:1fr;gap:1.5rem}}@media screen and (max-width:768px){.color-block{display:none}.about-container,.resume-container,.contact-container{grid-template-columns:1fr;padding-inline:1rem}.portfolio-container{grid-template-columns:1fr}}@media screen and (max-width:600px){.color-block{display:none}.home-title{text-align:center;padding-left:10px;font-size:40px}.home-container,.container{padding-inline:.75rem}.stats{grid-template-columns:1fr;gap:.75rem}.contact-card{flex-direction:column;gap:1.5rem}}@media screen and (max-width:420px){.color-block,.style-switcher,.home-title:before{display:none}.home-title{text-align:center;padding-left:10px;font-size:40px}.info-list,.skills-container{grid-template-columns:1fr}.resume-item{padding-left:2.5rem}}