@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap);*{box-sizing:border-box;font-weight:400;margin:0;overflow-x:hidden;padding:0}body{font-family:Outfit;width:100%}.Appbar{border:0;height:120px}.Appbar-container{align-items:flex-end;border:0;display:flex;height:100%;justify-content:space-evenly;margin:0 auto;padding-bottom:.5rem;width:80%}.Appbar .Left{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.Appbar .Appbar-title{font-size:27px;font-weight:700;margin-bottom:16px;text-decoration:none;transition:all .2s ease}.Appbar-socials a:hover,.Appbar-title:active,.Appbar-title:hover{color:#ff9671}.Appbar .Appbar-socials{display:flex;justify-content:center}.Appbar-socials a{display:inline-block;font-size:22px;font-weight:200;margin-left:16px;text-decoration:none;transition:all .2s ease}.Appbar .Right{align-self:center}.Appbar .Right button{background:transparent;border:0;font-size:35px}@media (max-width:768px){.Appbar .Appbar-title{font-size:24px}.Appbar .Appbar-socials a{font-size:18px}.Appbar .Right button{font-size:27px}}@media (max-width:540px){.Appbar-container{justify-content:space-between}.Appbar .Appbar-title{font-size:26px;margin-bottom:10}}.Home{position:relative;width:100%}.Home-container{align-items:center;display:flex;flex:3 1;height:auto;justify-content:space-around;margin:0 auto;min-height:540px;width:80%}.Home-contents .Whoami h4{cursor:pointer;font-family:Outfit;font-size:27px}.Home-contents .Whoami .Cv{font-family:Outfit;font-size:16px;font-weight:700;line-height:27px;text-decoration:none}.Tech-stacks{display:flex;flex-direction:column;flex-wrap:wrap;margin-top:3rem;width:40rem}.Tech-stacks .Title{font-family:Outfit;font-size:18px;font-weight:700;line-height:18px}.Tech-stack-label,.Tech-stack-label span{font-family:Outfit;font-size:16px;font-weight:600}.Tech-stack-header{margin:16px 0}.Dark{color:#aaa}.Dark-active{color:#efb086}.Light{color:#333}.Light-active{color:#3b5998}.Tech-stack-list{grid-row-gap:16px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;text-align:center}.Tech-stack-list-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;margin-left:16px}.Tech-stack-list-item:hover .Tech-stack-list-icon{-webkit-transform:scale(1.3);transform:scale(1.3);transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in}.Tech-stack-list-text{font-family:Outfit;font-size:14px;font-weight:400}.Home-action{align-items:center;border-radius:50%;bottom:2rem;display:flex;display:none;height:50px;justify-content:center;overflow:hidden;position:fixed;right:2rem;width:50px}.Footer{align-items:center;display:flex;flex:1 1;height:72px;justify-content:space-around;margin:0 auto;width:80%}.Footer-text{color:#aaa;cursor:pointer;font-family:Outfit;font-size:16;font-weight:700}@media (max-width:768px){.Tech-stacks{width:90%}.Home-contents .Whoami h4{font-size:23px;font-weight:600}.Home-action{display:block}}@media (max-width:540px){.Tech-stacks{width:100%}.Home-contents .Whoami h4{font-size:20px}.Tech-stack-list-text{font-family:Outfit;font-size:12px;font-weight:400}}.bottomDrawer{bottom:0;display:none;left:0;min-height:100vh;min-width:100vw;position:fixed;z-index:5}.bottomDrawerOverlay{height:100%;left:0;opacity:.8;position:absolute;top:0;width:100%;z-index:8}.bottomDrawerContainer{bottom:0;height:40%;padding:0 2rem;position:absolute;width:100%;z-index:10}.bottomDrawerTitle{font-size:14px;font-weight:700;margin-top:20px;text-align:center}.bottomDrawerTitleDiff{font-size:13px;font-weight:600}.bottomDrawerActions{align-items:flex-end;display:flex;height:50%;justify-content:space-evenly}.bottomDrawerIcon{align-items:center;display:flex;flex-direction:column;font-size:18px;font-weight:700;text-decoration:none}.bottomDrawerIcon .Bottom-drawer-icon-text{font-size:13px;font-weight:700;margin-top:10px}.btnClose{align-items:center;background:transparent;border:0;display:flex;flex-direction:column;font-family:Audiowide;font-size:12px;font-weight:700;justify-content:center;padding:8px;position:absolute;right:25px;top:10%;z-index:10}@media (max-width:768px){.bottomDrawer{display:block}}.About{min-width:100%}.About-container{margin:3rem auto 0;min-height:540px;width:80%}.About-profile{display:flex;flex-direction:column}.About-header{align-items:center;color:inherit;display:flex;justify-content:center}.profileImage{border-radius:50%;height:12rem;margin-right:2rem;object-fit:cover;width:12rem}.About-title-name{font-family:Outfit;font-size:27px;font-weight:700}.About-title-description{font-size:16px;font-weight:500;line-height:27px}.About-resume{display:block;font-family:Outfit;font-size:18px;font-weight:600;margin-top:10px;text-align:center;text-decoration:none}.About-body{align-self:center;margin-top:2rem;width:60%}.About-body h4{font-family:Outfit;font-size:18px;font-weight:400}.About-body-title{font-family:Outfit;font-size:27px;font-weight:600;margin-bottom:16px}.Quick-link{align-items:center;display:flex;flex-direction:column;height:120px;margin-top:2rem}.Quick-link-title{font-family:Outfit;font-size:16px;font-weight:700;margin-bottom:16px}.aboutContactLink{margin-left:20px;text-decoration:none;transition:all .2s ease-in-out}.aboutContactLink :active,.aboutContactLink :hover{color:#f4678e;text-decoration:none}@media (max-width:768px){.About-body{width:80%}.About-header{flex-direction:column;justify-content:center}.profileImage{height:10rem;width:10rem}.About-header-text{line-height:.8cm;margin-top:10px;text-align:center}.About-body h4{font-size:16px}}@media (max-width:560px){.About-header-text{line-height:.8cm;margin-top:10px;text-align:center}.About-body{width:100%}}.e404{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 120px);justify-content:center;width:100%}.e404Image{height:auto;width:18rem}.e404Text{margin-top:35px}.E-home-link,.e404Text{font-size:18px;font-weight:400}.E-home-link{align-items:center;display:flex;justify-content:space-between;margin-top:16px;text-decoration:none}.e404Icon{margin-left:10px}@media (max-width:768px){.e404Image{width:15rem}.E-home-link,.e404Text{font-size:15px}}@media (max-width:560px){.e404Image{width:10rem}.E-home-link,.e404Text{font-size:13px}}
/*# sourceMappingURL=main.da52e19f.css.map*/