/* Reset */
* {
    margin: 0;
    padding: 0;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

/* Page */
body {
    background-color: #ffffff;
}

/* Header */
.header {
    display: flex;
    justify-content: center;
}

.logo {
    width: 200px;
    margin: 5px;
}

/* Intro */
.intro1 {
    max-width: 800px;
    margin: 40px auto 10px auto;
    padding: 0 20px;
    color: #000000;
    text-align: center;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.6;
}

.intro2 {
    max-width: 800px;
    margin: 30px auto 30px auto;
    padding: 0 20px;
    color: #000000;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6;
}

.intro3 {
    text-align: center;
    margin: 30px auto 30px auto;
}

.text-link {
    width: auto;
    height: auto;
    line-height: normal;
    margin: 0;

    background: none;
    border-radius: 0;

    color: #000000;
    font-size: inherit;
    font-weight: 600;
    text-decoration: none;

    display: inline;
    transform: none;
}

.text-link:hover {
    background: none;
    color: #000000;
    text-decoration: underline;
    transform: none;
}

/* Gym List */
#gymList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
}

/* Links / Cards */
/* Begrænset til links inde i #gymList,
   så Bootstrap dropdown-links ikke påvirkes */
#gymList a {
    width: 20rem;
    height: 12rem;
    line-height: 12rem;
    margin: 1rem;

    background-color: #f5f0e6;
    border-radius: 10px;

    color: #ff3d00;
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;

    transition: all 0.2s ease-in-out;
}

#gymList a:hover {
    background-color: #e8502e;
    color: #ffffff;
    transform: scale(1.1);
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 20px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
    border: 6px solid transparent;
    border-radius: 20px;
    background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #a8bbbf;
}