.navbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(63,63,70,.4);position:fixed;transition:top .45s cubic-bezier(.16,1,.3,1);width:100%;z-index:1000}.visible-navbar{top:0}.hidden-navbar{top:-64px}.nav-link{position:relative}.nav-link:after{background:#818cf8;bottom:-1px;content:"";height:1px;left:50%;position:absolute;transition:width .25s ease,left .25s ease;width:0}.nav-link.active:after,.nav-link:hover:after{left:10%;width:80%}.portfolio-dropdown{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#09090bf5;border:1px solid rgba(63,63,70,.6);border-radius:8px;box-shadow:0 16px 48px #0009;left:50%;min-width:200px;padding:5px;position:absolute;top:calc(100% + 6px);transform:translate(-50%);z-index:50}.portfolio-dropdown a{border-radius:5px;color:#a1a1aa;display:block;font-size:.8125rem;padding:7px 13px;transition:background .12s,color .12s;white-space:nowrap}.portfolio-dropdown a.active-item,.portfolio-dropdown a:hover{background:#818cf81f;color:#e4e4e7}.icon[data-v-c3ad5561]{display:inline-block;vertical-align:middle}.footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#18181bcc;box-shadow:0 -4px 10px #0000001a;color:#fff;padding:1rem 0;text-align:center;width:100%}.social-icon{transition:all .3s ease}.social-icon:hover{color:#60a5fa;transform:translateY(-3px)}