body {
    background-color: #f4f4f4; /* Lysegrå baggrund */
    font-family: 'Roboto', sans-serif; /* Roboto font */
    margin: 0;
    padding: 0;
    color: #333; /* Mørk tekstfarve for kontrast */
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
}


.title-upper {
    font-size: 6vw;
  	color: #999999;
    line-height: 0.55;
}

.title-lower {
    font-size: 8vw;
    line-height: 0.55;
}

a {
    text-decoration: none;
    color: #007bff; /* Blå farve til links */
}

a:hover {
    color: #0056b3; /* Mørkere blå farve ved hover */
}

.center-half-screen {
    width: 50vw; /* Sætter bredden til 50% af viewportens bredde */
    height: 50vh; /* Sætter højden til 50% af viewportens højde */
    position: absolute;
    top: 50%; /* Placerer elementet midt på skærmen vertikalt */
    left: 50%; /* Placerer elementet midt på skærmen horisontalt */
    transform: translate(-50%, -50%); /* Justerer elementet så det er præcist centreret */
    padding: 20px; 
    box-sizing: border-box; /* Sørger for at padding ikke ændrer elementets størrelse */
  }

.right-background {
  background-image: url('background.jpg'); /* Replace with your image URL */
  background-position: right center; /* Positions the image on the right */
  background-repeat: no-repeat; /* Prevents the image from repeating */
  background-size: cover; /* Ensures the image covers the entire background */
  height: 100vh; /* Makes the background span the entire viewport height */
  width: 100%; /* Ensures the background spans the entire width of the page */
  position: absolute;
  top: 0;
  right: 0;
}