*{
    margin:0.5vh;
    box-sizing: border-box;
}

body {
    height: 95vh;
    background-color: #34e7e4 ;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    text-align: center;
    color:white;
    /*font-size: 3vh;*/
    display: flex;
    flex-direction: column;
}
.main {
    display: flex;
    flex:1;
}
.image {
    max-width: 18vh;
    max-height: 20vh;
    border-radius: 15px;
}
.enhed {
    background-color: #3c40c6;
    padding-top: 15px;
    padding-left: 2px;
    padding-right: 2px;
    flex: 1 1 150px; 
    line-height: 3.5vh;
    text-align: center;
    border-radius: 15px;
    font-size: calc(1vw + 1vh); 
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.6);
    /* transform: translateY(-1vh); /* Brug vh for responsiv bevægelse */
    transition: transform 0.3s ease;
    transform: translateY(-1vh); 
}
.gruppe {
    background-color: rgb(209, 27, 149);
    padding-top: 15px;
    padding-left: 2px;
    padding-right: 2px;
    line-height: 3.5vh;
    flex: 1 1 150px; 
    line-height:1 3.5vh;
    display: flex;
    flex-direction: column;
    border-radius: 15px;
    text-align: center;
    flex:3;
}
.Wifi {
    background-color: burlywood;
}
.enhed:hover {
    transform: rotateX(30deg);
}