@import url("https://fonts.googleapis.com/css2?family=Ubuntu%20Mono:wght@300;400&display=swap");@font-face{font-family:Mbilan;src:url(/fonts/mbilan.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Flipboard Sans;src:url(/fonts/flipboard-sans.ttf) format("truetype");font-weight:400;font-style:normal}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background-color:var(--gradient-end)}::-webkit-scrollbar-thumb{background-color:var(--color-bg);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#555}.custom-scrollable{scrollbar-width:thin;scrollbar-color:#888 #f0f0f0}.custom-scrollable::-webkit-scrollbar{width:12px}.custom-scrollable::-webkit-scrollbar-track{background-color:#f0f0f0}.custom-scrollable::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}*{scrollbar-gutter:stable}:root{--color-primary:#007A8D;--color-primary-shadow:#313231;--color-bg:#ff9500;--color-border:#e5e7eb;--color-sidebar-item:#f3f4f6;--color-text-p:#252525;--color-text-p-hover:#e5e7eb;--color-text-desc:#545454;--color-footer:rgb(120,120,120);--color-bg:#F0FEFF;--gradient-start:#6296c4;--gradient-end:#e95c9f;--gradient-start-inverse:#CDEDFE;--gradient-end-inverse:#c8d0d5}.dark-mode{--color-primary:#60A5B1;--color-primary-shadow:#D2E4E7;--color-bg:#313231;--color-border:#4E4E4E;--color-sidebar-item:#3C3C3C;--color-text-p:#e5e7eb;--color-text-p-hover:#252525;--color-text-desc:#c1c1c1;--color-footer:rgb(158,158,158);--gradient-start:#c84c4c;--gradient-end:#525fbc;--gradient-start-inverse:#252525;--gradient-end-inverse:#252525}*{padding:0;margin:0;box-sizing:border-box}.font-title{font-family:Mbilan,sans-serif}.font-body{font-family:Flipboard Sans,sans-serif}html{width:100%}body,html{height:100%}body{background-color:var(--color-bg);font-family:Flipboard Sans,sans-serif;font-size:18px;scrollbar-gutter:stable;overflow:auto}.layout{display:flex;position:relative;gap:2rem;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));min-height:100vh}.layout__main-content{flex-grow:1;margin:15px 15px 15px 0;box-shadow:1px 1px 4px 1px var(--color-primary-shadow);background-color:var(--color-bg);border-radius:5px}.footer{display:flex;align-items:center;justify-content:center;text-align:center;font-size:small;color:var(--color-footer);border-top:2px solid rgb(208,208,208);height:50px;flex-shrink:0}.layout__main-content_mobile{flex-grow:1;background-color:var(--color-bg);padding-bottom:80px;width:100%;min-height:100%}.sidebar__wrapper{position:sticky;top:15px;left:15px;height:calc(100vh - 30px);z-index:1000;box-shadow:.5px .5px .5px .5px var(--color-primary-shadow);border-radius:10px}.mobile-menu-toggle{position:fixed;top:1rem;left:1rem;z-index:1010;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--gradient-start)}.sidebar__mobile_fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-bg);z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translateX(-100%);transition:transform .3s ease}.sidebar__mobile_fullscreen--open{transform:translateX(0)}.bottom-nav{position:fixed!important;inset:auto 0 0 0!important;background-color:var(--color-bg)!important;border-top:1px solid var(--gradient-start)!important;z-index:1000!important;min-height:70px!important;max-height:70px!important;box-sizing:border-box!important}.bottom-nav,.bottom-nav__list{justify-content:space-around!important;width:100%!important}.bottom-nav,.bottom-nav__item,.bottom-nav__list{display:flex!important;padding:0!important;margin:0!important;height:70px!important}.bottom-nav__item{flex:1!important;justify-content:center!important;align-items:center!important;min-height:70px!important;max-height:70px!important;box-sizing:border-box!important}.bottom-nav__icon{font-size:1.5rem;color:var(--text-color)}.bottom-nav__link--active .bottom-nav__icon{color:var(--highlight-color)}.sidebar__list{list-style-type:none;padding:0;width:100%}.sidebar__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999}.sidebar{width:17rem;height:100%;background-color:var(--color-bg);padding:1rem;transition:all .4s cubic-bezier(.175,.885,.32,1.1);overflow:hidden;border-radius:10px}.sidebar__top{width:-moz-max-content;width:max-content;display:flex;align-items:center;gap:1rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--color-border)}.sidebar__logo{width:3.5rem;height:3.5rem;-o-object-fit:contain;object-fit:contain;border-radius:50%;background-color:var(--gradient-start);transform:scaleX(-1)}.sidebar__logo-name{font-size:1.2rem;font-weight:600;font-family:Mbilan,sans-serif;color:var(--color-text-p)}.sidebar__list{list-style:none}.sidebar__link{font-size:18px;font-family:Flipboard Sans,sans-serif;text-decoration:none;color:var(--color-text-p);padding:.8rem 1rem;display:flex;align-items:center;gap:.8rem;box-shadow:0 1px 1px var(--gradient-start);margin-bottom:1rem;border-radius:.8rem}.navbar__link{display:flex!important;justify-content:center!important;align-items:center!important;font-size:18px!important;font-family:Flipboard Sans,sans-serif!important;text-decoration:none!important;color:var(--color-text-p)!important;padding:.5rem 1rem!important;border-radius:.8rem!important;transition:color .2s ease!important;margin:0!important;height:100%!important;width:100%!important}.navbar__link:hover,.sidebar__link:hover{cursor:pointer;color:var(--gradient-end)}.sidebar__link--active{color:var(--color-bg);background-color:var(--gradient-start)}.navbar__link--active{color:var(--gradient-start)!important;background-color:rgba(0,0,0,.05)!important}.navbar__link--active:after{content:"";position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:6px;height:6px;background-color:var(--gradient-start);border-radius:50%}.sidebar__icon{display:inline-flex!important;font-size:1.2rem!important;width:24px!important;height:24px!important;align-items:center!important;justify-content:center!important}.sidebar__name{margin-left:.5rem}[data-collapse=true]{width:5.3rem}[data-collapse=true] .sidebar__logo-name,[data-collapse=true] .sidebar__name{display:none}.home{display:flex;flex-direction:column;min-height:calc(100vh - 80px);padding:90px 90px 25px}.btnMbl{position:fixed;left:.25rem;top:1.7rem;box-shadow:1px 1px 2px 1px var(--gradient-start)}.btn,.btnMbl{right:0;border:none;background-color:var(--color-bg);width:1.5rem;height:1.5rem;border:1px solid var(--color-border);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transform:translateX(50%);font-size:1.1rem;color:var(--gradient-start)}.btn{position:absolute;top:4.7rem}.avatar{width:350px;height:350px}.avatar,.avatarSmallScreen{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));border-radius:12px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}.avatarSmallScreen{width:200px;height:250px}.name{padding:"0px 0px 15px 0px";font-size:x-large;font-family:Mbilan,sans-serif;color:var(--color-text-p)}.text{color:var(--color-text-p)}.description,.text{font-family:Flipboard Sans,sans-serif;font-size:18px}.description{color:var(--color-text-desc)}.skillLogoContainer{align-content:center;flex-direction:row;flex-wrap:wrap}.skillLogo,.skillLogoContainer{display:flex;justify-content:center;align-items:center}.skillLogo{margin-right:15px;box-shadow:0 1px 1px var(--gradient-start);height:45px;padding:10px;color:var(--color-text-desc)}.skillLogo:hover{background-color:var(--gradient-end-inverse)}.card{display:flex;flex-direction:row;margin-bottom:30px;overflow:hidden;padding:15px;border-radius:6px;border:1px solid var(--color-border);box-shadow:0 1px 1px var(--gradient-start)}.card:hover{background-color:var(--gradient-end-inverse)}.loadingBar,.loadingBarFullScreen{display:flex;justify-content:center;align-items:center}.loadingBarFullScreen{height:100vh}.loadingBarWithSideBar{display:flex;justify-content:center;align-items:center;color:var(--gradient-start)}.socmed_button{padding:5px 10px;align-items:center;border-radius:4px;box-shadow:0 1px 1px var(--gradient-start)}@media (max-width:1000px){.home{flex-direction:column;min-height:calc(100vh - 50px);padding:30px}.btn,.home{display:flex}.btn{position:absolute;right:0;top:4.7rem;border:none;width:1.5rem;height:1.5rem;border:1px solid var(--color-border);border-radius:50%;justify-content:center;align-items:center;cursor:pointer;transform:translateX(50%);font-size:1.1rem;color:var(--gradient-start)}.btn,.sidebar{background-color:var(--color-bg)}.sidebar{width:100%;height:100%;padding:3rem 1rem 1rem;transition:all .4s cubic-bezier(.175,.885,.32,1.1);overflow:hidden}.skillLogo{height:30px;padding:5px;font-size:.8rem;margin-bottom:5px}}