@import url(hexgrid.css);

body {
    display: flex;
    min-height: 100vh;
    background-color: black;
}

#hexGrid {
   
    width: 60%;
}

@media (max-width: 600px) {
    #hexGrid {
        width: 90%;
    }
}

.hex.hex-bitwarden > a {
    background-color: #175DDC;
}

.hex.hex-teslamate > a{
    background-color: #363636;
}

.hex.hex-pihole > a, .hex.hex-portainer > a {
    background-color: white;
}

.hex.hex-wireguard > a {
    background-color: #88171a;
}

.hex.hex-owncloud > a {
    background-color: rgb(248, 249, 252);
}

.hex.hex-nextcloud > a {
    background-color: rgb(0, 130, 201);
}

.hex.hex-domoticz > a {
    background-color: rgb(255,255,255);
}
.hex.hex-scrutiny > a {
    background-color: rgb(255,255,255);
}
.hex.hex-vwsfriend > a {
    background-color: rgb(255,246,40);
}
.hex.hex-omada > a {
    background-color: #0A5A5A;
}
.hex.hex-omnik > a {
    background-color: rgb(255,255,255);
}
.hex.hex-homebridge > a {
    background-color: rgb(69, 39, 160);;
}
.hex.hex-zwavejsui > a {
    background-color: #0071BC;
}

.hex.hex-zwavejsui > a > img {
    transform: scale(0.9);
}

.hexIn > img {
    height: 70%;
    top: 15%;
}