/*<--- General --->*/


:root {
    font-family: Inter, sans-serif;
    font-feature-settings: 'liga' 1, 'calt' 1; /* fix for Chrome */
  }
  @supports (font-variation-settings: normal) {
    :root { font-family: InterVariable, sans-serif; }
  }

body {
    margin: 0;
    background: #d8b2e0;
    font-family: 'Work Sans', sans-serif;
    font-weight: 800;
    height: 100%; /* Ensure the body takes full height */
}


/*<--- About --->*/

.welcome-text-1 {
    text-decoration: none;    
    text-align: left; /* Align text to the left */
    margin-left: 210px; /* Add some left margin for spacing */
    font-size: 50px; /* Adjust font size as needed */
    font-weight: bold; /* Make it bold */
    margin-bottom: 30px; /* Add some bottom margin */
    margin-top: 60px;
}

.welcome-text-2 {
    text-decoration: none;   
    text-align: left; /* Align text to the left */
    margin-left: 210px; /* Add some left margin for spacing */
    font-size: 1.5em; /* Adjust font size as needed */
    font-weight: bold; /* Make it bold */
    margin-bottom: 30px; /* Add some bottom margin */
    margin-top: 30px;
}


/*<--- Announcements --->*/


.announcements-banner {
    text-align: left; /* Align text to the left */
    margin-left: 210px; /* Add some left margin for spacing */
    font-size: 50px; /* Adjust font size as needed */
    font-weight: bold; /* Make it bold */
    margin-bottom: 30px; /* Add some bottom margin */
    margin-top: 45px;
}

.announcements {
    text-align: left; /* Align text to the left */
    margin-left: 210px; /* Add some left margin for spacing */
    font-size: 1.5em; /* Adjust font size as needed */
    font-weight: bold; /* Make it bold */
    margin-bottom: 30px; /* Add some bottom margin */
    margin-top: 30px;
}

.announcements-message {
    font-size: 1.5em; /* Adjust font size as needed */
    font-weight: bold; /* Make it bold */
}


/*<--- Game Updates --->*/

.update-banner {
    text-align: left; /* Align text to the left */
    font-size: 50px; /* Adjust font size as needed */
    font-weight: bold; /* Make it bold */
    margin-bottom: 35px; /* Add some bottom margin */
    margin-top: 60px;
    color: black;
    display: inline-block;
    cursor: pointer; /* Change cursor to pointer for better UX */
}

.update-banner:hover {
    color: red;
}

.latest-update {
    text-align: left;
}