/* Webpage Styles */
body { 
  font-family: sans-serif; 
  display: flex; 
  justify-content: center; 
  align-items: center; 
  /* Denne var 100, men da blir vh for stor. (view height) */
  height: 80vh; 
  margin: 5; 
  background: rgb(32, 32, 32); 
}

h1 { color: rgb(128, 192, 192); }

.txt-white { color: rgb(255, 255, 255); text-decoration: underline;}
.txt-eFocus { color: rgb(152, 224, 152); font-weight: bold;}
.txt-copyright { color: rgb(128, 192, 192); font-weight: bold;}

.card { 
  background: rgb(64, 64, 64); 
  padding: 2rem; 
  border-radius: 15px; 
  box-shadow: 0 4px 6px rgba(0,0,0,0.1); 
  color: rgb(192, 192, 192); 
  width: 100%;
  
}

/* PC adjustment: Limit width for screens 1024px and wider. 
   Henger sammen med width over her, for å få begrenset bredde på pc.  */
@media (min-width: 1024px) {
  .card {
    max-width: 800px;
    /* margin: 0 auto; */
  }
}