body, html {
    height: 100%;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}

body {
    background-color: #e6e3e3;
}

.hero-image {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("images/background.jpg");
    height: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.hero-text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
}

.hero-text button {
    border: none;
    outline: 0;
    display: inline-block;
    padding: 10px 25px;
    color: black;
    background-color: #ddd;
    text-align: center;
    cursor: pointer;
}

.hero-text button:hover {
    background-color: #555;
    color: white;
}




/* TOP MENU */
.menu {
    background: #99D9EA; /* #8a0101; */
    padding: 10px 20px; /* Don't remove */
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo {
    height: 80px;
    width: auto;
    object-fit: contain;
}

.logo:hover {
    border-radius: 35px;
    box-shadow: 0 0 0 5px #6da5e6;;
}

.menu-left a {
    height: 20px;
    width: 20px;
    display: flex;
    color: white;
    gap: 20px;
    text-decoration: none;
    color: white;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    border-radius: 5px;

    line-height: 1;
}

.internal_link {
    background-color: #04AA6D; /* Green background */
    border: 5px solid green; /* Green border */
    color: white; /* White text */
    padding: 8px 20px; /* Some padding */
    cursor: pointer; /* Pointer/hand icon */
    border-radius: 12px;
    font-size: large;
}

.internal_link:hover {
    background-color: #3e8e41;
}

.menu_right a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}

.external_links {
    height: 80px;
    width: auto;
    object-fit: contain;
}

.external_links:hover {
    background-color: #6da5e6;
    border-radius: 30px;
}