@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@100;300;400;500;600;700&display=swap');

h1 {
    font-family: 'Inter Tight';
}

.link-hr {
    float:left;
    width: 25px;
    margin-top: 0px;
    transition: width 0.3s ease
}

.logo {
    color: var(--main-accent);
    font-weight: 500;
}

.links {
    margin-bottom: 50px;
}

.link-element {
    font-size: 24px;
    margin-bottom: 0px;
}

.link-element:hover + .link-hr {
    width:200px;
    transition: width 0.3s ease;
}

.archived {
    color: var(--main-alert);
}