#home{padding:8rem 0 0;text-align:center}@media (max-width: 767px){#home{padding:4rem 0 0}}.hero-title{font-size:10.7rem}@media (max-width: 1199px){.hero-title{font-size:9.4rem}}@media (max-width: 1024px){.hero-title{font-size:8.2rem}}@media (max-width: 991px){.hero-title{font-size:7.1rem}}@media (max-width: 768px){.hero-title{font-size:5.2rem}}@media (max-width: 575px){.hero-title{font-size:3.7rem}}.hero-title span{color:#616161}.nav-content,.menu-item-container{display:flex;align-items:center;justify-content:space-between}.nav-content{padding:1.6rem 0}.logo{font-size:2.5rem}.menu-item-container{gap:2.4rem}@media (max-width: 767px){.menu-item-container{display:none}}@media (min-width: 768px){#offcanvas-menu{display:none}}.projects-detail{display:grid;grid-template-columns:repeat(2,1fr);gap:4rem}@media (max-width: 767px){.projects-detail{grid-template-columns:1fr;gap:2.4rem}}.project-item{position:relative;border-radius:1.6rem;border:2px solid #000;overflow:hidden}.project-img{height:100%;width:100%;object-fit:cover}.project-item-detail{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;color:#fff;background-color:#000c;z-index:10;opacity:0;visibility:hidden;transition:.3s}.project-item:hover .project-item-detail,.project-item:focus .project-item-detail{opacity:1;visibility:visible}.project-title{font-size:3.2rem}.project-btn-group{margin-top:1.6rem}.project-btn{display:inline-block;color:#fff;background-color:#0048ff;padding:1rem 4rem;border-radius:1.6rem;border:2px solid transparent}.project-btn:last-child{background-color:transparent;border-color:#fff}.project-btn:hover,.project-btn:focus{background-color:#1054ff;border-color:#1054ff}.project-btn:not(:last-child){margin-right:2rem}#skills .section-body{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}@media (max-width: 767px){#skills .section-body{row-gap:4rem}}#skills .section-body>div{flex:1;text-align:center}@media (max-width: 767px){#skills .section-body>div{flex:33.333333%}}#skills .section-body img{height:8rem;vertical-align:middle}@media (max-width: 575px){#skills .section-body img{height:6rem}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;scroll-behavior:smooth}body{font-size:1.6rem;line-height:1.5;color:#292929;font-family:Roboto Slab,serif}h1,h2,h3,h4,h5,h6{line-height:1.2}a{text-decoration:none}li{list-style:none}.wrapper{max-width:1140px;margin:0 auto}@media (max-width: 1199px){.wrapper{max-width:960px}}@media (max-width: 991px){.wrapper{max-width:720px}}@media (max-width: 767px){.wrapper{max-width:540px}}@media (max-width: 575px){.wrapper{max-width:calc(100% - 2rem)}}.section-spacing{margin-bottom:12rem}@media (max-width: 767px){.section-spacing{margin-bottom:8rem}}@media (max-width: 575px){.section-spacing{margin-bottom:6rem}}.section-header{text-align:center;margin-bottom:6.4rem}@media (max-width: 767px){.section-header{margin-bottom:4.8rem}}.section-title{position:relative;display:inline-block;font-size:3.2rem;padding-bottom:1.6rem}.section-title:before{position:absolute;content:"";left:50%;bottom:0;translate:-50% 0;height:.4rem;width:80%;background-color:#000}