@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;700&display=swap";:root{--color-primary: #111;--color-secondary: #44ab96;--color-tertiary: #ff5678;--color-background: #fafafa}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{padding-inline:6%;margin:0 auto;font-size:16px;font-family:Ubuntu,sans-serif;color:var(--color-primary);background-color:var(--color-background);background:url(/assets/bg.a097809d.png);background-position:auto center;background-size:100% auto;backdrop-filter:blur(3px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,a:hover,a:focus,a:active{text-decoration:none;color:inherit}h2{margin:1.4rem 0 .8rem}.App{max-height:100vh - 82px;display:flex;flex-direction:column;padding:.4rem 1rem;overflow-x:hidden;overflow-y:scroll;scroll-snap-type:y mandatory}.App>*{scroll-snap-align:start none;scroll-behavior:smooth}header{z-index:10;display:flex;flex-direction:column;justify-content:space-between;padding:.4rem .6rem;text-align:center;background-color:var(--color-background)}header>.brandName{font-size:2rem;font-weight:700;cursor:pointer}header>nav>ul{flex:1;margin-top:.8rem;list-style:none;display:flex;justify-content:space-around}.activeSection{font-weight:700;color:var(--color-secondary)}.home{min-height:95vh;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.2rem}.heroText{display:flex;flex-direction:column;width:fit-content;text-align:left}.heroText>.headTitle{font-size:1.6rem}.heroText>.title{display:flex;font-size:2rem;font-weight:700}.subTitle{font-size:1rem;line-height:2rem}.subTitle>.textCode{font-size:1.3rem;color:var(--color-secondary)}.subTitle>.textMelody{font-size:1.2rem;color:var(--color-tertiary)}.socialHandles{margin-top:1.2rem;display:flex;gap:.8rem}.socialHandleIcon:hover,.socialHandleIcon:focus{fill:var(--color-tertiary);color:var(--color-tertiary);transition:all .1s}#skills{scroll-margin-top:75px}#about{scroll-margin-top:60px}.aboutHeader{position:absolute}.aboutSection{display:flex;flex-direction:column;position:relative}#skills>ul{list-style-type:none;display:flex;flex-wrap:wrap;gap:1rem}#skills>ul>li{padding:.4rem .6rem;background-color:var(--color-primary);color:var(--color-background);border-radius:.4rem}.projectCard{display:flex;flex-direction:column}.projectCardsContainer{width:100%;overflow-x:scroll;display:flex;gap:1.2rem;padding-bottom:1rem;scroll-snap-type:x mandatory}.projectCard{margin-inline:4rem;scroll-snap-align:center;scroll-padding-left:30px;margin-left:6rem}.projectCard>div>img{width:16rem;object-fit:cover;transition:all 5s .3s}.projectCard>div>img:hover{transform:scale(1.2)}.imagebox{border-radius:.8rem;overflow:hidden;display:flex;align-items:center}.imagebox>img{border-radius:.8rem}.projectCard>.title{margin-top:.4rem;font-size:1.2rem;font-weight:700}.projectCard>.subtitle{font-weight:200}.projectCard>.desc{margin-top:.4rem}.projectCard>.teckStack{margin-top:.4rem;list-style-type:none;display:inline-flex;gap:.4rem}.projectCard>.links{margin-top:.8rem;display:inline-flex;gap:1rem;font-weight:700}footer{margin:0 auto;padding:3rem 0 1rem}@media screen and (min-width: 768px){html{font-size:20px}header{flex-direction:row}header>nav>ul{gap:2rem}.home{flex-direction:row-reverse;justify-content:space-between}.home>img{width:50%}.home>.heroText>.headTitle{font-size:2rem}.home>.heroText>.title{font-size:2.4rem;font-weight:700}.projectCard{scroll-snap-align:start}}svg[role=img]:hover{scale:1.4}.projectCardsContainer::-webkit-scrollbar{height:3px}.projectCardsContainer::-webkit-scrollbar-thumb{background-color:#111}*::-webkit-scrollbar{width:3px}*::-webkit-scrollbar-thumb{background-color:#111}