body{margin:0 auto;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;background-color:#000;color:#fff;scroll-behavior:smooth;width:100%}app-main,app-root,app-about-me,app-project,app-hero-section,app-my-skill,app-references,app-contact{background-color:#262e34;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}app-nav-bar,app-footer{width:100%;background-color:#89bcd9;display:flex;flex-direction:column;align-items:center;justify-content:center}app-root{width:100%}app-nav-bar{position:sticky;top:0;z-index:1000}.scroll-pos{scroll-margin-top:3.8em}*{scroll-behavior:smooth}h1{font-family:anta;font-size:3.75rem;color:#89bcd9}.hide{display:none!important}.show{display:flex!important;opacity:1!important}.no-scroll{overflow:hidden!important}.scroller{Width:2.37em;Height:5.56em;background:url(Arrowdown.2bcfbf517ee04146.png);transition:.35s}.scroller:hover{cursor:pointer;background:url(ArrDwnHvr.314d8587b22ea141.png)}.self-logo{display:flex!important;flex-direction:column!important;width:66px;height:73px;margin-top:0!important;font-size:16px;text-align:center;cursor:pointer}.self-logo>:nth-child(1):hover{transform:scaleX(1.2);transition:.45s}.self-logo>span{font-family:anta}.self-logo>p{font-family:josefin sans;font-size:.875rem;margin:0;color:#89bcd9}.self-logo>sub{font-family:josefin sans;color:#262e34}.apear-from-left{animation:from-left .4s ease-in forwards}@keyframes from-left{0%{opacity:0;transform:translate(-600%)}to{opacity:1;transform:translate(0)}}.apear-from-right{animation:from-right .9s ease-in forwards}@keyframes from-right{0%{opacity:0;transform:translate(300px)}to{opacity:1;transform:translate(0)}}app-legal-notice,app-privacy{display:flex;flex-direction:column;align-items:center;width:100%}.alternate-container{max-width:1920px;width:78%;height:100%;font-family:Josefin Sans;font-size:18px;display:flex;flex-direction:column;text-align:center;line-height:1.5em}.alternate-container>a{text-decoration:none}.alternate-container>span{color:#89bcd9;margin:.8em}.alternate-container::-webkit-scrollbar{display:none}.mo-overlay{position:absolute;top:2em;justify-content:center!important;gap:1%!important}.mobile-navigator{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;background-color:#89bcd9;opacity:0;width:88%;border-radius:1em;height:8em;gap:6%;padding:1em}.mobile-navigator>a{font-family:josefin sans;color:#262e34;text-decoration:none;font-size:26px}.mobile-navigator>a:hover{cursor:pointer;color:#fff}@font-face{font-display:swap;font-family:Anta;font-style:normal;font-weight:400;src:url(anta-v1-latin-regular.f5c4dc24d77696f8.woff2) format("woff2")}@font-face{font-display:swap;font-family:Josefin Sans;font-style:normal;font-weight:400;src:url(josefin-sans-v32-latin-regular.5072236a63314191.woff2) format("woff2")}@media (max-width: 1145px){h1{font-size:3rem}}@media (max-width: 865px){h1{font-size:2.6rem}}@media (max-width: 752px){.alternate-container{margin-top:3em}.scroller{margin-top:2em}.scroll-pos{scroll-margin-top:0}}@media (max-width: 378px){h1{font-size:2rem}}@media (min-height: 1665px){.alternate-container{height:calc(100vh - 16.5em)}}@media (min-height: 1525px){.legal-notice{height:calc(100vh - 16.5em)}}@media screen and (min-width: 696px) and (max-width: 752px){.alternate-container{height:calc(100vh - 13.5em)}}