@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Jost:ital,wght@0,100..900;1,100..900&display=swap";:root{--primary-color: hsl(165, 60%, 40%);--title-color: hsl(0, 0%, 100%);--text-color: hsl(0, 0%, 92%);--bg-color: hsl(216, 18%, 16%);--bg-color-alt: hsl(213, 10%, 21%);--container-color: hsl(214, 21%, 22%);--border-color: hsl(210, 2%, 65%);--first-gradient: linear-gradient( 0deg, var(--bg-color-alt) 0%, var(--bg-color) 100% );--second-gradient: linear-gradient( 180deg, var(--bg-color-alt) 0%, var(--bg-color) 100% );--third-gradient: linear-gradient( 180deg, var(--bg-color) 0%, var(--bg-color) 100% );--body-font: "Jost", sans-serif;--second-font: "Caveat", sans-serif;--biggest-font-size: 90px;--h1-font-size: 44px;--h2-font-size: 30px;--h3-font-size: 28px;--h4-font-size: 24px;--h5-font-size: 22px;--largest-font-size: 21px;--larger-font-size: 20px;--large-font-size: 18px;--normal-font-size: 16px;--small-font-size: 15px;--smaller-font-size: 14px;--tiny-font-size: 13px;--shadow: 5px 5px rgb(255 255 255 /10%);--transition: cubic-bezier(.3, 0, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}button,input,body{font-family:var(--body-font);font-size:var(--normal-font-size)}html{overflow-x:hidden}body{color:var(--text-color);background-color:var(--bg-color)}h1,h2,h3{columns:var(--title-color);font-weight:700}ul{list-style:none}p{line-height:1.7}a{text-decoration:none}input,textarea,button{border:none;outline:none;background:transparent}button{cursor:pointer}img{max-width:100%}.container{position:relative;max-width:1300px;margin-inline:auto;padding-inline:12px}.grid{display:grid;gap:24px}.text-cs{text-transform:uppercase;letter-spacing:.05em}.bttn,.hero_link{color:var(--title-color);font-size:var(--normal-font-size);font-weight:700;height:56px;display:grid;place-items:center;position:relative}.bttn{border:2px solid var(--border-color);padding-inline:40px;border-radius:56px;box-shadow:var(--shadow)}.bttn:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:inherit;background-color:var(--primary-color);transform:scale(.3);filter:blur(10px);opacity:0;transition:all .5s var(--transition);z-index:-1}.bttn:hover:before{transform:scale(1);filter:blur(0px);opacity:1}.section{padding-bottom:100px}.section_title,.section_subtitle{text-align:center}.section_title{font-size:var(--h1-font-size)}.section_subtitle{font-family:var(--second-font);color:var(--primary-color);font-size:var(--h2-font-size);text-transform:uppercase;font-weight:700}.section_subtitle span{font-family:var(--second-font);color:var(--primary-color);font-size:var(--h2-font-size);text-transform:uppercase;margin-left:10px;margin-bottom:60px}.card{background-color:var(--container-color);overflow:hidden;text-align:left}.link{display:inline-flex;align-items:center;color:var(--title-color);font-weight:700}.link_icon{color:var(--primary-color);margin-left:20px;transition:all .3s var(--transition)}.link:hover,.link-icon{margin-left:15px}.dark-theme .shape{filter:invert(1);opacity:.3}.shape{position:absolute;opacity:.5;height:150px;width:150px;right:-30px;bottom:-30px}.card{background-color:var(--container-color);overflow:hidden;text-align:left;position:relative}.card-one{padding:30px 35px;border-radius:18px}.card-two{padding:20px;background-repeat:20px}.no-scroll{overflow:hidden}.light-theme{--title-color: #000;--text-color: #262626;--bg-color: #f0ebe3;--bg-color-alt: #fff;--container-color: #fff;--border-color: #000;--shadow: 5px 5px rgb(0 0 0 / 20%)}.contact{background-image:var(--second-gradient);overflow-x:hidden;padding:2rem 1rem}.contact_container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:4rem}.contact_info{display:flex;flex-direction:column;gap:2rem}.contact_card{position:relative;padding-left:70px}.contact_card-icon{position:absolute;top:0;left:0;width:56px;height:56px;border-radius:50%;box-shadow:var(--shadow);background-color:var(--container-color);font-size:var(--larger-font-size);display:grid;place-items:center}.contact_card-title{font-size:var(--h2-font-size);font-family:var(--second-font);padding-block:6px;color:#60a5fa}.contact_card-data{font-size:var(--small-font-size);color:var(--text-color)}.contact_form{width:100%}.contact_form-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.contact_form-div{display:flex;flex-direction:column}.contact_form-div.full-width{grid-column:1 / -1}.contact_form-tag{margin-bottom:8px;font-size:var(--large-font-size);font-weight:700;color:var(--text-color)}.contact_form-tag b{color:var(--primary-color)}.contact_form-input{border:2px solid var(--border-color);background-color:var(--container-color);color:var(--title-color);height:60px;padding:0 1.2rem;border-radius:30px;font-size:1rem;outline:none;transition:border-color .3s}.contact_form-input::placeholder{color:#aaa}.contact_form-input:focus{border-color:var(--primary-color)}.sub:hover{border-color:var(--primary-color)}.contact_form-area .contact_form-input{height:140px;resize:none;padding:1rem}.color{text-decoration:none;color:#d4cfc3}.home{background-color:var(--first-gradient);align-items:center;min-height:100vh}.home_container{flex:1 1 500px;width:100%;position:relative}.home_subtitle,.home_job{font-weight:700}.home_subtitle,.home_job span{font-size:var(--big-font-size);color:var(--title-color)}.home_subtitle span,.home_title span{color:var(--primary-color)}.home_job b{font-family:var(--second-font);font-size:var(--h1-font-size);margin-left:10px}.home_title{font-size:var(--biggest-font-size);text-shadow:2px 2px hsl(0,0%,0%),-2px -2px hsl(0,0%,0%),2px -2px hsl(0,0%,0%),-2px -2px hsl(0,0%,0%),5px 5px 0 rgb(0,0,0 /20%);line-height:1.2;margin-top:15px}.home_text{font-size:var(--large-font-size);font-weight:500;margin-block:40px 28px}.home_socials{display:flex;column-gap:30px;margin-bottom:30px}.home_social-link{color:var(--title-color);font-size:var(--h2-font-size);transition:all .5s var(--transition)}.home_social-link:hover{color:var(--primary-color)}.home_bttns{display:flex;column-gap:70px;align-items:center;height:56px}.content{margin:10vh 6vw 10vh 6vw;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:50px}.home_img-wrapper{flex:1 1 400px;position:relative;max-width:500px}.home_banner{background-color:var(--primary-color);padding-bottom:100%;border-radius:50%;position:relative}.home_profile{position:absolute;bottom:0;width:100%;border-radius:500px;object-fit:cover;z-index:2}.home_banner{position:relative;background-color:var(--primary-color);padding-bottom:100%;border-radius:50%;z-index:1}.home_banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:conic-gradient(#00b7ff,#ff30ff,#00b7ff);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),white calc(100% - 7px));mask:radial-gradient(farthest-side,transparent calc(100% - 7px),white calc(100% - 7px));animation:rotateBorder 2s linear infinite;z-index:1;pointer-events:none}.home_profile{position:absolute;bottom:0;width:100%;border-radius:50%;object-fit:cover;z-index:2}@keyframes rotateBorder{to{transform:rotate(1turn)}}.portfolio_container{grid-template-columns:repeat(3,1fr);gap:3vh;margin-top:3vh}.portfolio_img{height:240px;object-fit:cover;vertical-align:middle;transition:all .6s var(--transition)}.cmps{object-fit:contain}.portfolio_items:hover{transform:scale(1.06)}@media (max-width: 768px){.portfolio_container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.portfolio_container{grid-template-columns:1fr}}.portfolio_category{color:var(--primary-color);font-size:var(--tiny-font-size);font-weight:700;display:block;padding:5px}.portfolio_category,.portfolio_description{margin-top:5px}.project_title{font-size:var(--h4-font-size)}.portfolio_description{min-height:125px}.portfolio_list{display:flex;justify-content:center;column-gap:40px;margin:1vh 0 5vh}.portfolio_list-item{color:var(--title-color);font-size:var(--tiny-font-size);font-weight:700;padding-top:1vh;position:relative;transform:all .7s var(--transition)}.portfolio_list-item:before{content:"";width:0;height:2px;max-width:60%;background:var(--primary-color);position:absolute;bottom:-12px;left:0;transition:all .3s var(--transition)}.active-work:before,.portfolio_list-item:hover:before{width:40px}.portfolio{background-image:var(--first-gradient)}.active-work{color:var(--primary-color)}.color{text-decoration:none;color:#af8f79;font-weight:500}.skills_container{grid-template-columns:repeat(3,1fr);row-gap:70px}.skills{margin-top:0;margin-bottom:0;background-image:var(--third-gradient)}.skills_item:hover{cursor:pointer}.skills_item{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.skills_titles,.skills_description{padding-inline:30px}.skills_titles{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.skills_name{color:violet;font-size:var(--largest-font-size)}.skills_description{color:var(--text-color);margin-bottom:2vh;font-weight:500}@media (max-width: 768px){.skills_container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.skills_container{grid-template-columns:1fr}}.soft-para{color:#9c85ad;font-weight:600;font-size:var(--large-font-size);padding:0 7vh;text-align:center}.footer{border-top:1px solid rgba(255,255,255,.05)}.footer_container{display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.footer_socials{display:flex;column-gap:30px;justify-self:start;margin-right:30px}.footer_social-link{color:var(--title-color);font-size:var(--h2-font-size);transition:all .5s var(--transition)}.footer_social-link:hover{color:var(--primary-color)}.copyright:nth-child(2){justify-self:center;align-self:flex-start}.copyright:nth-child(3){justify-self:flex-end;align-self:flex-start}.copyright{font-size:var(--tiny-font-size);font-weight:700}.copyright span{color:var(--primary-color)}@media screen and (max-width: 1024px){.footer_container{grid-template-columns:1fr;row-gap:20px;justify-items:center;text-align:center}.footer_socials{justify-self:center;margin-right:0}.copyright:nth-child(2),.copyright:nth-child(3){justify-self:center;align-self:center}}.header{top:0;width:100%;padding:15px;z-index:100;position:fixed;background-color:var(--bg-color)}.nav{display:flex;justify-content:space-between}.nav_logo{color:var(--title-color);font-size:var(--h4-font-size);font-weight:700;height:40px}.logo_white{background-image:url(/assets/LOGO_WHITE-DreJ_2k6.png);height:40px;width:40px;background-size:contain}.logo{background-image:url(/assets/LOGO-eDNkn0K8.png);height:40px;width:40px;background-size:contain}.nav_menu{position:fixed;top:0;right:0;width:0;height:100vh;background-color:var(--bg-color-alt);z-index:10;display:flex;transition:all .7s var(--transition)}.show-menu{width:512px}.nav_data{padding:80px 84px 0 154px;margin:auto;width:100%}.nav_list{margin-bottom:40px}.nav_list li{margin-bottom:20px}.nav_link{color:var(--title-color);font-size:var(--h5-font-size);font-weight:700;transition:all .3s var(--transition);cursor:pointer}.nav_link:hover{color:var(--primary-color)}.nav_bttns{display:flex;align-items:center;column-gap:40px}.nav_toggle{height:30px;width:20px;position:sticky;cursor:pointer;z-index:100}.theme_toggler{font-size:var(--h4-font-size);display:flex;align-items:center;cursor:pointer}.nav_toggle div{position:absolute;left:0;width:100%;height:3px;background-color:var(--title-color);transition:all .3s var(--transition)}.nav_toggle div:first-child{top:8px}.nav_toggle div:last-child{bottom:8px}.animate_toggle div:first-child{transform:rotate(-45deg);top:13px}.animate_toggle div:last-child{transform:rotate(45deg);bottom:14px}@media screen and (max-width: 768px){body.no-scroll{overflow:hidden}.nav{padding:0 16px;align-items:center;overflow:hidden}.nav_logo{flex-shrink:0}.nav_bttns{column-gap:16px;flex-shrink:0}.nav_menu{position:fixed;top:0;right:0;width:60vw;height:100vh;background-color:var(--bg-color-alt);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:60px 24px;overflow-y:auto;overflow-x:hidden;z-index:999;transition:transform .5s ease;transform:translate(100%)}.show-menu{transform:translate(0)}.nav_data{padding:0;margin:0;width:100%}.nav_list{margin-bottom:0;width:100%}.nav_list li{margin-bottom:20px}.nav_link{font-size:var(--h5-font-size);font-weight:600;display:block;width:100%}.nav_toggle{display:block;position:relative;z-index:1000}.theme_toggler{font-size:var(--normal-font-size)}}.experience__container{max-width:800px;margin:0 auto;position:relative}.experience__single{display:flex;justify-content:center}.single-item{width:100%;margin-top:10px;max-width:600px}.experience__timeline{display:flex;flex-direction:column;gap:2rem;padding-left:20px}.timeline-item{position:relative;padding-left:2rem}.timeline-item:not(:last-child):before{content:"";position:absolute;top:40px;left:-5px;width:2px;height:calc(100% + 2rem - 20px);background-color:var(--text-color-light, #a3a3a3);opacity:.3}.timeline-dot{position:absolute;top:20px;left:-10px;width:12px;height:12px;background-color:var(--title-color, #333333);border-radius:50%;box-shadow:0 0 0 4px var(--body-color, #ffffff)}body.dark-theme .timeline-dot{box-shadow:0 0 0 4px var(--body-color, #222222)}.experience__card{background-color:var(--container-color, #ffffff);border:1px solid rgba(0,0,0,.05);padding:2rem;border-radius:1rem;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.experience__card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a}body.dark-theme .experience__card{border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #0003}.experience__header{margin-bottom:1.5rem;border-bottom:1px solid var(--text-color-light, #a3a3a3);padding-bottom:1.25rem}.experience__title{font-size:var(--h3-font-size, 1.25rem);color:var(--title-color, #333333);margin-bottom:.25rem}.experience__company{display:block;font-size:var(--normal-font-size, 1rem);font-weight:500;color:var(--text-color, #666666);margin-bottom:.5rem}.experience__duration{display:inline-block;font-size:var(--small-font-size, .875rem);color:var(--text-color-light, #a3a3a3);background-color:var(--body-color, #f5f5f5);padding:.25rem .75rem;border-radius:.5rem}body.dark-theme .experience__duration{background-color:#ffffff0d}.experience__responsibilities{list-style:none;margin-bottom:1rem;padding:0;display:flex;flex-direction:column}.experience__responsibility-item{display:flex;align-items:flex-start;padding-bottom:.75rem;font-size:var(--normal-font-size, 1rem);color:var(--text-color, #666666);line-height:1.5}.experience__icon{color:var(--title-color, #333333);font-size:1.1rem;margin-right:.75rem}.experience__toggle-btn{background:none;border:none;color:var(--title-color, #333333);font-size:var(--small-font-size, .875rem);font-weight:600;cursor:pointer;margin-bottom:1.5rem;display:inline-block;text-decoration:underline;padding:0}.experience__toggle-btn:hover{color:var(--text-color-light, #a3a3a3)}.experience__tech-stack{display:flex;flex-wrap:wrap;gap:.5rem}.experience__tech-item{font-size:var(--smaller-font-size, .75rem);background-color:var(--title-color, #333333);color:var(--container-color, #f0ebe3);padding:.25rem .75rem;border-radius:1rem;font-weight:500}@media screen and (max-width: 576px){.experience__card{padding:1.5rem}.timeline-item{padding-left:1.5rem}.experience__timeline{padding-left:10px}.timeline-item:not(:last-child):before{left:-1px}.timeline-dot{left:-6px}}