@font-face {
    font-family: "Hacked";
    src: url("/app/static/Hacked-KerX.ttf");
}

.page-title {
    font-family: 'Hacked';
}

.account-tab {

}

@keyframes fadein {
    0% { opacity: 0;}
    100% { opacity: 1;}
}
@keyframes fadeout {
    0% { opacity: 1;}
    100% { opacity: 0;}
}

.account-dropdown {
    position: absolute;
    visibility: hidden;
    display: grid;
    text-align: left;
    width: calc(100vw - var(--dd-target-width));
    top: var(--dd-target-height);   
    left: var(--dd-target-width);
    border-bottom-left-radius: 10px;
}

.account-dropdown.show {
    animation: fadein 0.5s;    
    visibility: visible;
}


.account-dropdown.hide {
    animation: fadeout 13s;    
    visibility: hidden;
}

.account-dropdown a {
    text-decoration: none;
    color: white;
}