body {
    overflow-x: hidden;
    /* Hide horizontal scrollbar */
}

.header {
    background-color: #b3e6d5;
}
.header h2{
    font-family: 'Orbitron', sans-serif;
    padding-top: 15px;
    padding-left: 15%;
}
.btn-secondary {
    background-color: #46d2cd;
}

.btn-secondary:hover {
    background-color: #096bd0;
}
.btn-secondary:focus{
    background-color: #0882de;
}
.chachastuce {
    font-family: 'Permanent Marker', cursive;
    vertical-align: middle;
    padding-top: 7px;
}

.logo {
    height: 50px;
    padding-left: 50px;
}

.actuel {
    text-align: center;
}

.actuel h1 {
    font-size: 22px;
    justify-content: center;
}

.actuel h2 {
    font-size: 18px
}

.btn-toolbar {
    margin: auto;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.btn[disabled] {
    background-color: #717171;
    cursor: not-allowed;
    color: #ababab;
}

#perso {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
}

.paddingr50 {
    padding-right: 50px;

}

.fa-info-circle {
    font-size: 20px;
}

.wrapper {
    padding-right: 80px;
    padding-left: 80px;
}

table {
    width: 595px;
    border-spacing: 0px;
    margin-left: auto;
    margin-right: auto;
}

#nbperso {
    width: 35px;
}

td {
    width: 35px;
    position: relative;
}

td:after {
    content: '';
    display: block;
    margin-top: 100%;
}

td div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #dadada;
    font-size: 1.2vw;
    font-weight: bold;
    text-align: center;
    border: 1px solid #616161;
}

td div i {
    padding-top: 0.4vw;
    font-size: 1.5vw;
}

td div:hover {
    background-color: skyblue;
}

.horloge {
    background-color: #696a6b;
}



table {
    transform: rotateX(40deg) rotateZ(-45deg);


}


.vide {
    background: none;
    border: none;
}

.vide:hover {
    background: none;
    border: none;
}

.heure {
    border: 4px outset;
    background-color: azure;
}

.sablier {
    color: #ffffff;
    background-color: #46d2cd;
}

.mort {
    background-color: #e83333;
    color: #ffffff;
}

.active {
    color: #ffffff;
    background-color: #204fc7;
}

.footer {
    background-color: #b3e6d5;
    height: 50px;
    margin: auto;
}

.fa-heart {
    color: red;
}

.footer div {
    margin: auto;
    text-align: center;
}

.footer span {
    font-weight: bold;
}

.fa-discord {
    font-size: 22px;
}

.hide {
   display: none;
}

.information{
    position: absolute;
    z-index: 1;
        margin-top: 89px;
    padding: 0px;
}

.card-header{
    background-color: #b3e6d5;
    font-family: 'Orbitron', sans-serif;
}