@charset "UTF-8";:root{--layout-padding: 20px;--max-width: 2360px;--padded-max-width: calc(var(--max-width) + (var(--layout-padding) * 2))}.main-container{display:grid;grid-template-columns:minmax(var(--layout-padding),1fr) minmax(auto,var(--max-width)) minmax(var(--layout-padding),1fr);grid-template-rows:auto 1fr auto;min-height:100vh}.main-container>*:not(.full){grid-column:2}.main-container>*.full{grid-column:1/-1}*{box-sizing:border-box}html{line-height:1.6;height:100%;scroll-behavior:smooth}body{font-size:1rem;margin:0 auto;color:#666;font-family:Arial,Helvetica,sans-serif;background-color:#fff}h1,h2,h3,h4,h5,h6{color:#000;line-height:1}a{text-decoration:none;color:#000}ul{list-style:none}a:hover{text-decoration:none}.user-menu{position:relative;margin-inline-start:auto}.user-menu .user-menu-button{display:flex;align-items:center;padding:.3125rem .3125rem .3125rem .75rem;border:.0625rem solid #1E1E1E;border-radius:1.3125rem;background-color:#fff;cursor:pointer}.user-menu .user-menu-button:hover{box-shadow:0 .125rem .25rem #0000001a}.user-menu .user-menu-button img{overflow:hidden;object-fit:cover;aspect-ratio:1;border-radius:50%;width:1.875rem;height:1.875rem}.user-menu .user-menu-button img:first-child{margin-right:.5rem}.user-menu .dropdown-menu{position:absolute;background-color:#242428;border:.0625rem solid #1E1E1E;border-radius:.75rem;box-shadow:0 .125rem 1rem #0000001f;padding:.5rem 0;margin-top:.5rem;min-width:10rem;z-index:150;text-align:center;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;left:-5.625rem}.user-menu .dropdown-menu.open{opacity:1;transform:translateY(0)}.user-menu .dropdown-menu .dropdown-item{display:block;padding:.75rem 1rem;color:#e0e0e0;font-size:.875rem}.user-menu .dropdown-menu .dropdown-item:hover{background-color:#1e1e1e;color:#fff}.user-menu .resume-hamburger{background-color:#f74e55}@media (min-width: 768px){.user-menu{display:none}}.main-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;margin-top:1.25rem}.main-header .header-logo .logo-img{width:5rem;height:5rem}.main-header nav .nav-list{display:none}.main-header .social-header-icon{display:none}.hero-container{display:flex;flex-direction:column;align-items:center}.hero-container .hero-txt{text-align:center}.hero-container .hero-txt .hero-h1{font-size:2.5rem;padding:1.125rem;height:12.5rem;line-height:1.2}.hero-container .hero-txt .hero-h1 .fullname{color:#f74e55}.hero-container .hero-img .adir-hero-img{border-radius:50%;border:.125rem solid black;width:9.375rem;height:9.375rem;object-fit:cover;box-shadow:0 .25rem .625rem #0003}.tech-container .tech-txt{text-align:center;margin-bottom:2rem}.tech-container .tech-txt .tech-h1{font-size:2rem;margin-bottom:1rem}.tech-container .tech-txt .tech-h3{font-size:1.2rem;color:#666}.tech-container .tech-list .tech-list-ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;padding:0}.tech-container .tech-list .tech-list-item{transition:transform .3s ease-in-out}.tech-container .tech-list .tech-list-item:hover{transform:translateY(-.3125rem)}.tech-container .tech-list .tech-list-item .tech-list-img{width:5rem;height:5rem}.projects-section .projects-header{text-align:center}.projects-section .projects-header .projects-title{font-size:1.5rem}.projects-section .projects-header .projects-subtitle{color:#666}.projects-section .projects-list ul{padding-inline-start:0}.projects-section .projects-list .projects-items .projects-item{margin-block-end:1.25rem;width:21.875rem;height:32.5rem;background-color:#fff;border-radius:1.5625rem;box-shadow:0 .25rem .5rem #0000001a}.projects-section .projects-list .projects-items .projects-item .projects-image{width:21.875rem;height:15.625rem;border-top-left-radius:1.5625rem;border-top-right-radius:1.5625rem;object-fit:cover}.projects-section .projects-list .projects-items .projects-item .project-name{text-align:center;font-size:1.25rem;font-weight:700}.projects-section .projects-list .projects-items .projects-item .project-description{color:#666;font-size:.875rem;padding:0 1rem;text-align:center}.projects-section .projects-list .projects-items .projects-item .project-tech-stack{margin-block-start:1.75rem;font-size:.875rem;text-align:center}.projects-section .projects-list .projects-items .projects-item .project-tech-stack span{color:#000;font-weight:700}.projects-section .projects-list .projects-items .projects-item .project-links{display:flex;justify-content:space-evenly;margin-block-start:2.375rem}.projects-section .projects-list .projects-items .projects-item .project-links .project-link{display:flex;font-weight:700}.projects-section .projects-list .projects-items .projects-item .project-links .project-link .project-link-icon{object-fit:contain;width:1.25rem;height:1.25rem}.projects-section .projects-list .projects-items .projects-item .project-links .project-link .project-link-text{margin-inline-start:.625rem}.projects-section .projects-list .projects-items .projects-item .project-links .project-link .project-link-text:hover{text-decoration:underline}.footer-container{background-color:#333;color:#fff;padding:1.25rem 0rem;text-align:center}.footer-container .footer-content{max-width:1200px;margin:0 auto}.footer-container .footer-content p{margin:0rem 0rem .625rem;font-size:.875rem}.footer-container .footer-content .footer-links{display:flex;justify-content:center;gap:.9375rem}.footer-container .footer-content .footer-links .footer-link{color:#fff;text-decoration:none;font-size:.875rem}.footer-container .footer-content .footer-links .footer-link:hover{text-decoration:underline}@media (min-width: 768px){.main-header{border-bottom:solid 1px rgba(102,102,102,.3);display:flex;justify-content:space-between;align-items:center;margin-top:1.25rem}.main-header nav{font-size:1.25rem}.main-header nav .nav-list{display:flex;flex-direction:row;gap:1.25rem}.main-header nav .nav-list .nav-item{transition:transform .3s ease}.main-header nav .nav-list .nav-item:hover{transform:scale(1.1)}.main-header nav .nav-list .nav-item .active-link{font-weight:700}.main-header nav .nav-list .nav-item .inactive-link{color:#666}.main-header nav .resume-btn{color:#fff;border:none;cursor:pointer;padding:12px 18px;border-radius:8px;background-color:#000;transition:all .4s ease;border:1px solid black}.main-header nav .resume-btn:hover{background-color:#fff;color:#000}.main-header .social-header-icon{display:flex;gap:.625rem}.main-header .social-header-icon .header-icon{transition:transform .3s ease}.main-header .social-header-icon .header-icon:hover{transform:scale(1.2)}}@media (min-width: 1024px){.main-header .nav-list{gap:1.875rem}.main-header .header-logo .logo-img{max-height:3.75rem}}@media (min-width: 1200px){.main-header .nav-list{gap:2.5rem}.main-header .header-logo .logo-img{max-height:4.375rem}}@media (min-width: 768px){.hero-container .hero-txt .hero-h1{font-size:2.5rem}.hero-container .hero-img{margin-top:0}.hero-container .hero-img .adir-hero-img{width:15.625rem;height:15.625rem}}@media (min-width: 1024px){.hero-container{padding:2.5rem;flex-direction:row;justify-content:space-between}.hero-container .hero-txt{text-align:left}.hero-container .hero-txt .hero-h1{width:40.625rem;font-size:3rem}.hero-container .hero-img .adir-hero-img{width:15.625rem;height:15.625rem}}@media (min-width: 1200px){.hero-container{margin:6.25rem auto 0;width:75rem;height:21.875rem;padding:3rem}.hero-container .hero-txt .hero-h1{font-size:3.5rem}.hero-container .hero-img .adir-hero-img{width:18.75rem;height:18.75rem}}@media (min-width: 48rem){.tech-container{margin-block-start:120px}.tech-container .tech-txt .tech-h1{font-size:2.25rem}.tech-container .tech-txt .tech-h3{font-size:1.35rem}.tech-container .tech-list .tech-list-item .tech-list-img{width:11.25rem;height:11.25rem}}@media (min-width: 64rem){.tech-container{margin-block-start:180px}.tech-container .tech-txt .tech-h1{font-size:2.5rem}.tech-container .tech-txt .tech-h3{font-size:1.5rem}.tech-container .tech-list .tech-list-item .tech-list-img{width:13.75rem;height:13.75rem}}@media (min-width: 75rem){.tech-container{margin-block-start:220px}.tech-container .tech-txt .tech-h1{font-size:2.75rem}.tech-container .tech-txt .tech-h3{font-size:1.65rem}.tech-container .tech-list .tech-list-ul{display:grid;grid-template-columns:repeat(5,15.625rem)}.tech-container .tech-list .tech-list-item .tech-list-img{width:15.625rem;height:15.625rem}}@media (min-width: 768px){.projects-section .projects-header{margin-block-end:1.875rem}.projects-section .projects-header .projects-title{font-size:2.25rem}.projects-section .projects-header .projects-subtitle{font-size:1.35rem}.projects-section .projects-list .projects-items{display:grid;grid-template-columns:repeat(2,21.875rem);justify-content:center;gap:2.1875rem}.projects-section .projects-list .projects-items .projects-item{height:34.375rem}.projects-section .projects-list .projects-items .projects-item .project-name{font-size:1.5rem}.projects-section .projects-list .projects-items .projects-item .project-description{font-size:1.125rem}.projects-section .projects-list .projects-items .projects-item .project-tech-stack{font-size:1rem;margin-block-start:.75rem}.projects-section .projects-list .projects-items .projects-item .project-links{margin-block-start:1.25rem}}@media (min-width: 1200px){.projects-section .projects-header .projects-title{font-size:2.75rem}.projects-section .projects-header .projects-subtitle{font-size:1.65rem}.projects-section .projects-list .projects-items{grid-template-columns:repeat(4,21.875rem)}}