body {
  font-family: -apple-system, sans-serif;
  background-color: #f4f6f8;
  margin: 40px;
  color: #333;
}


table {

border-collapse: collapse;
width: 90rem;
table-layout: fixed; /* Låser kolonnebreddene slik at innholdet ikke påvirker størrelsen */
}

th:first-child,
td:first-child {
  width: 3rem; 
}


h2 {color: rgb(46, 26, 49);}

th, td {
  border: 1px solid #e2e8f0;
  padding: 6px;
  vertical-align: top;
}



.card {
  white-space: nowrap; /* Hindrer at tekst brekker automatisk */
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  padding: 8px;
  padding-right: 25px;
  padding-bottom: 14px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  border-left: 4px solid transparent;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: large;
  margin: auto;
}

.card:hover {
 background: #cbc6c6;
padding: 10px;
font-size:larger;
 transform: scale(1.09);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
  z-index: 100;
}

th {background: #d3c6c6;
color: #403a3a;
border: none;
}

.card-tid {
      font-size: 0.75rem;
      color: #64748b;
      margin-bottom: 4px;
      display: flex;
      justify-content: space-between;
    }

/* Fargekoding per fag */
.kjemi         { border-left-color: #bfa116; }
.fysikk        { border-left-color: #4ff0c0; }
.spansk        { border-left-color: #d63384; }
.gym           { border-left-color: #1dad82; }
.matte         { border-left-color: #40c057; }
.it            { border-left-color: #82c91e; }
.norsk         { border-left-color: #228be6; }
.historie      { border-left-color: #7950f2; }
.klassens-time { border-left-color: #15aabf; }
.fagdag        { border-left-color: black;}