@import"https://fonts.googleapis.com/css2?family=Sometype+Mono:wght@400;500;600;700&display=swap";.navbar{width:100%;height:80px;margin-inline:auto;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;position:fixed;z-index:1000;top:0;left:50%;transform:translate(-50%);position:relative;background-color:#fff6f6}.navbar .nav-logo .nav-logo-link .logo{font-size:var(--fs-logo);letter-spacing:.5px}.navbar .nav-menu #menu{display:flex;align-items:center;gap:var(--nav-gap)}.navbar .nav-menu #menu .menu-items .menu-items-link{font-size:var(--fs-menu);font-weight:var(--fw-700);color:var(--clr-red)}.responsive-menu{display:none}.responsive-menu .icon{font-size:26px}@media screen and (max-width: 850px){.navbar .nav-menu #menu{padding:0;display:flex;flex-direction:column;position:fixed;opacity:0;align-items:flex-start;justify-content:center;border-radius:12px;box-shadow:#00000029 0 1px 4px;top:70px;right:0;width:200px;height:250px;background-color:var(--clr-bg)}.navbar .nav-menu #menu .menu-items{width:100%;text-align:center}.navbar .nav-menu #menu.active{right:0;opacity:1}.navbar .responsive-menu{display:block}.navbar .responsive-menu .icon{font-size:26px;display:block}}.home-container{height:90vh;max-width:720px;margin:100px auto 0;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:50px 0}.home-container .profile{display:flex;justify-content:space-between;align-items:center}.home-container .profile .text{display:flex;flex-direction:column;gap:1.5rem;align-self:self-start}.home-container .profile .text h1{font-size:3rem;line-height:1.1}.home-container .profile .text span{color:#b3b3b2}.home-container .profile .text .link-icon{display:flex;gap:.8rem}.home-container .profile .text .link-icon .link-icons{font-size:2.5rem;cursor:pointer}.home-container .profile .section-image{width:250px;border-radius:50%;overflow:hidden;border:5px solid #6d6969;cursor:pointer}.home-container .profile .section-image:hover img{filter:grayscale(0%)}.home-container .profile .section-image img{width:250px;filter:grayscale(30%)}.home-container .tech-skills{align-self:self-start;margin-top:100px;display:flex;align-items:center}.home-container .tech-skills .tech-text{font-size:1rem;font-weight:var(--fw-700);display:flex;align-items:center;gap:1rem;color:var(--clr-red)}.home-container .tech-skills .stacks{display:flex;margin-left:5rem;gap:3rem}.home-container .tech-skills .stacks .icon{font-size:2rem;cursor:pointer}.home-container .tech-skills .stacks .html{color:#ff7b00}.home-container .tech-skills .stacks .css{color:#00f}.home-container .tech-skills .stacks .react{color:#2c9fe2}.home-container .tech-skills .stacks .js{color:#ffd000}.home-container .tech-skills .stacks .tailwind{color:#2c9fe2}.home-container .tech-skills .stacks .sass{color:#db7093}@media screen and (max-width: 750px){.home-container{margin-bottom:100px}.home-container .profile{flex-direction:column-reverse;gap:3rem}.home-container .profile .text{margin:0 auto}.home-container .profile .text .link-icon{justify-content:center;cursor:pointer}.home-container .profile .text .link-icon .link-icons{font-size:2rem}.home-container .tech-skills{flex-direction:column;margin:0 auto;justify-content:space-between;margin-top:3rem;gap:2rem}.home-container .tech-skills .tech-text{text-align:left;align-self:flex-start;font-weight:var(--fw-700)}.home-container .tech-skills .stacks{margin:0;display:flex;flex-wrap:wrap;row-gap:1rem}}.about-container{padding:100px 0;margin:0 auto;max-width:720px!important;display:flex;align-items:center;gap:2rem}.about-container .section-image{flex:1;border-radius:22px;overflow:hidden;height:100%}.about-container .section-image img{width:100%;height:100%}.about-container .section-text{flex:1}.about-container .section-text .title{font-size:18px;color:var(--clr-red)}.about-container .section-text .des{line-height:1.2;margin-top:1rem;margin-bottom:1rem}.about-container .section-text .detail{color:var(--clr-body);font-size:14px;line-height:1.5;text-align:justify}@media screen and (max-width: 750px){.container{margin:0 auto}.container .about-container{flex-direction:column-reverse;margin:0 auto;justify-content:center}.container .about-container .section-text .des{line-height:1.1;margin-top:1rem}.container .about-container .section-text .detail{line-height:1.5;text-align:justify;font-size:14px}}.portfolio-container{padding:50px 0;margin:0 auto;max-width:720px!important}.portfolio-container .title{font-size:18px;color:red;position:relative;display:inline;font-weight:var(--fw-700)}.portfolio-container span{font-size:22px;font-weight:var(--fw-700);line-height:1.2;margin-top:1rem}.portfolio-container .real-estate{display:flex;flex-direction:row-reverse!important}.portfolio-container .portfolio{display:flex;margin-top:50px;border-radius:22px;box-shadow:#00000029 0 1px 4px;overflow:hidden;background-color:var(--clr-bg);cursor:pointer}.portfolio-container .portfolio:hover{transform:translateY(-10px)}.portfolio-container .portfolio .section-image{flex:5}.portfolio-container .portfolio .section-image img{height:100%;object-fit:cover}.portfolio-container .portfolio .description{flex:4;display:flex;gap:2rem;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1.5rem}.portfolio-container .portfolio .description .title{color:var(--clr-black);font-size:20px;display:inline;position:relative}.portfolio-container .portfolio .description .title:before{content:"";position:absolute;width:30%;height:1px;background-color:var(--clr-red);top:-5px}.portfolio-container .portfolio .description .title:after{content:"";position:absolute;width:30%;height:1px;background-color:#a5a5a5;bottom:-5px;right:0}.portfolio-container .portfolio .description .detail{font-size:14px;font-weight:var(--fw-400);color:var(--clr-body);line-height:1.3;width:250px;text-align:justify}.portfolio-container .portfolio .description .tools{gap:2rem}.portfolio-container .portfolio .description .tools h4{font-weight:var(--fw-700);font-size:1rem}.portfolio-container .portfolio .description .source{justify-content:space-between;width:70%}.portfolio-container .portfolio .description .source a h4{font-size:1rem}.portfolio-container .portfolio .description .source a h4 .icon{font-size:1.5rem}.portfolio-container .seeMore{margin-top:50px;gap:1rem}.portfolio-container .seeMore:hover{transform:translate(10px)}.portfolio-container .seeMore .more{color:var(--clr-red)}.portfolio-container .seeMore .more:hover{color:#c00}.portfolio-container .seeMore .icon{font-size:1.5rem}@media screen and (max-width: 750px){.portfolio-container .portfolio{flex-direction:column}.portfolio-container .portfolio .description{padding:2rem}.portfolio-container .portfolio .description .source{justify-content:space-around}.portfolio-container .real-estate{flex-direction:column!important}.portfolio-container .real-estate .description{padding:2rem}.portfolio-container .real-estate .description .source{justify-content:space-around}}.contact-container{padding:100px 0;margin:0 auto;max-width:720px!important}.contact-container .title{font-size:18px;color:red;font-weight:var(--fw-700)}.contact-container span{font-weight:var(--fw-700)}.contact-container .contact{display:flex;gap:5rem;margin-top:30px;flex-wrap:wrap}.contact-container .contact .icon .section-icon .i{font-size:1.8rem;color:var(--clr-red)}.contact-container .contact .icon .section-text{margin-left:10px}.contact-container .contact .icon .section-text h5{font-size:16px}.contact-container .contact .icon .section-text span{font-size:14px;color:var(--clr-body)}@media screen and (max-width: 750px){.contact-container{text-align:center}.contact-container .contact{justify-content:center}.contact-container .contact .section-text{text-align:left}}:root{--clr-bg: hsl(0, 0%, 100%);--clr-black: hsl(0, 0%, 0%);--clr-body: hsl(60, 1%, 50%);--clr-red: hsl(0, 100%, 50%);--ff:"Sometype Mono", monospace;--fs-menu: 16px;--fs-logo: 22px;--fw-400: 400;--fw-500: 500;--fw-600: 600;--fw-700: 700;--nav-gap: 20px;--container: 1200px}*,*:before,*:after{box-sizing:border-box}*{margin:0;transition:all .3s ease-in;scroll-behavior:smooth}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:var(--ff);background-color:#fff6f6;font-size:1rem}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{text-decoration:none;color:inherit}ul{margin:0}li{list-style:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}.text-regular{font-weight:var(--fw-400)}.text-bold{font-weight:var(--fw-700)}.container{max-width:var(--container);width:100%;margin:0 auto;padding:0 1rem}.main{margin-top:100px}.flex{display:flex;align-items:center;gap:.5rem}.text-red{color:var(--clr-red)}