@font-face {
    font-family: CoopFont;
    src: url(Assets/COOP\ PRINT\ Bold.otf);
  }

html {
    margin: 0;
    height: 100%;
}

body {
    margin: 0;
    height: 100%;
    background-color: #c31414; 
    color: white;
    font-family: CoopFont;
}

.content-box {
    margin: 20px 50px;
    min-width: 600px;
    max-width: 1250px; 
    max-height: 550px;
    /* border: white solid 11px; */
}

.logo-button {
    height: 45px;
    width: 150px;
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    margin: 40px 50px;
}

.sb-logo {
    background-image: url("Assets/SB_RGB_NEG.png");
}

.sb-logo:hover {
    background-image: url("Assets/SB_RGB_POS.png");
}

.kv-logo {
    background-image: url("Assets/KV_RGB_NEG.png");
}

.kv-logo:hover {
    background-image: url("Assets/KV_RGB_POS.png");
}

.db-logo {
    background-image: url("Assets/DB_RGB_NEG.png");
}

.db-logo:hover {
    background-image: url("Assets/DB_RGB_POS.png");
}

.fakta-logo {
    background-image: url("Assets/fakta_coop365.png");
}

.fakta-logo:hover {
    background-image: url("Assets/fakta_coop365_POS.png");
}

.irma-logo {
    background-image: url("Assets/Irma_neg.png");
}

.irma-logo:hover {
    background-image: url("Assets/Irma_pos.png");
}