/* For mobilskjermer */
@media only screen and (max-width: 768px)
{
    div#body {
    /*background-image: url('bilder/syketransport.jpeg');*/
    background-size: cover; /* Bildet skaleres for å dekke hele containeren */
    background-position: center; /* Bildet sentreres i containeren */
    height: 100vh; /* Full høyde av viewport */
    width: 100%; /* Full bredde av containeren */
    }
}
/* For PC-skjermer */
@media only screen and (min-width: 769px)
{
  div#body {
    background-image: url('bilder/syketransport.jpeg');
    background-size: cover; /* Bildet skaleres for å dekke hele containeren */
    background-position: center; /* Bildet sentreres i containeren */
    height: 100vh; /* Full høyde av viewport */
    width: 100%; /* Full bredde av containeren */
    }
}
.container
{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.center
{
    width: 50%;
}
#login
{
    background-color: rgba(255,255,255,0.8);
}
.top-banner
{
    background-color: #4CAF50; /* Grønn bakgrunnsfarge */
    color: white; /* Hvit tekstfarge */
    text-align: center; /* Sentrer tekst */
    padding: 20px; /* Polstring rundt innholdet */
    font-size: 24px; /* Størrelse på teksten */
}