body {
    background-color: #eaf1f8;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.box {
  width: 600px; /* eksempel bredde */
  background: #ffffff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);    
}

.box label {
    display: block;
    margin-top: 10px;
}

.box input[type="submit"] {
    display: block;
    margin-top: 10px;
}

.arrow {border: solid black;border-width: 0 3px 3px 0;display: inline-block;padding: 3px;}
.down {transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.panel,.flip
{
padding:5px;
/*background-color:#e5eecc;*/
background-color:#c8e0e3;
border:solid 1px #c3c3c3;
}
.panel
{
display:none;
}

.flip:hover {
    background-color: #deedef; /* Hover */
}

.row {
  display: grid;
  grid-template-columns: repeat(3, auto);
  gap: 0; /* ingen afstand */
}
.cell {
  padding: 0;
}