@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200&display=swap%27');
:root {
    --primary: #E55855;
    --secondary: #EDEDE8;
    --third: #143a70;
}

body {
    font-family: 'Oswald', sans-serif;
    background-color: var(--secondary);
    background: url("../images/trianglify2.png") no-repeat center fixed;
    -webkit-background-size: cover;
    background-size: cover;
}
.navbar, .footer {
    background: url("../images/fondnavbar.png") no-repeat center fixed;
    background-size: cover;
}
.fontdropadmin {
    font-size: medium;
}

.usernav {
    font-size: x-large;
}

#logo {
    width: 6vw;
}
.github-avatar{
    height: auto;
    width: 50px;
}
#avatar{
    border-radius: 50%;
}
.btn {
    background-color: #E55855;
    color: #EDEDE8;
}
.formco, .formreg, .formadd {
    box-shadow: 8px 8px 10px rgba(17,17,17, 0.5);
}
#boostrap-override .nav-link {
    color: var(--primary);
}
.dropdown-menu[data-bs-popper] {
    left: -7rem;
}

.longName {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 200px;
}
.no-recommendating {
    color: var(--third);
}

#autocompletion {
    z-index: 1;
}

.autocomplete:hover {
    transition: all 0.3s;
    background-color: var(--primary);
    color: var(--secondary);
}

#boostrap-override .text-primary {
    color: var(--primary) !important;
}

#chart {
    max-width: 700px;
}

.footer {
    margin-top: 7rem;
}