/* Imports */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
/* Background color for the entire page */
body {
    font-family: Arial, sans-serif; /* Default font */
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../../common/img/background.jpg');
    /* Dim the background image */
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;

}

h1, h2, h3, h4, h5, h6 {
    color: #FFFFFF; /* White text for headings */
}

h1 {
    font-family: 'Noto Serif', serif; /* Noto Serif font for h1 */
}

.navbar {
    display: flex;
    align-items: center;
    background-color: #1a1a1a;
    padding: 10px;
    border-radius: 20px;
}

.logo {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 26px;
    color: white;
}

.logoimg {
    width: 150px;
    margin-right: 10px;
}

.content-1 {
    margin-left: 10px;
    color: white;
}

/* Navbar*/
.navbar a:not(.logo) {
    margin-left: 20px;
}

.navbar .logo {
    margin-right: auto; /* Pushes the other links to the right */
}

.links {
    display: flex;
    gap: 20px; /* Space between links */
    color: white;
    text-decoration: none;
}

/* Common classes */
.noto-sans-links {
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.noto-serif-logo {
    font-family: "Noto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-variation-settings:
        "wdth" 100;
}

.noto-serif-content1 {
  font-family: "Noto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}