@font-face {
    font-family: Nyala;
    src: url(nyala.ttf);
}

*{
    margin: 0px;
}

body{
    margin: 5px;
}

.container{
    display: flex;
    margin-top: 10px;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
}

#tableContainer{
    display: flex;
    width: 80%;
    margin-right: 10px;
}
#Counter{
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 50px;
    border: #14523e 1px solid;
    background-color: #d9e6d5;
    color: black;
    font-size: large;
    font-weight: bold;

}
.counterContainer{
    width: 15%;
}

h1,h2, .counterContainer{
    color: #14523e;
    font-family: Nyala; 
    text-align: center;
}

h1{
    font-size: 72px;
}

h2{
    font-size: 18px;
}

table{
    width: 100%;
    border-collapse: collapse;
    font-size: 16px;
    font-weight: bold;
}

th {
    height: 50px;
    color: white;
}


tr:nth-child(even) {background-color: #c4f0e1;}
tr:nth-child(odd) {background-color: white;}
tr:hover{
    background-color: #05b97d;
}


thead, th{
    background-color: #1c6f54;
}

table, th, td {
    border: 2px black solid;
    text-align: center;
}