/**
 * GLOBALs
 */
body {
    background: url("../3_ressources/3_1_images/3_1_index/background.jpeg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/**
 * DIVs
 */
.index_div_center {
    display: block;
    border: 4px solid darkblue;
    border-radius: 20px;
    border-spacing: 10px;
    box-shadow: inset 0 0 0, 0 4px 6px rgba(0,0,0,0.45);

    margin: 5% auto;
    width: fit-content;

    padding: 20px 50px;
    background-color: white;
}

/**
 * IMAGEs
 */
.index_div_center img {
    width: 200px;
}

/**
 * INPUTs
 */
@keyframes backgroundchange {
    100% {background-color: darkblue;}
}

input[class*="index_btn_login"]:hover, input[class*="index_btn_login"]:focus {
    cursor: pointer;
    color: white;
    animation: backgroundchange;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}

/**
 * TABLE / TH / TD / TR
 */
td {
    padding-left: 10px;
}

/**
 * MOBILE - VERSION
 */
@media (max-width: 1000px){
    body { zoom: 170%; }
}