html {
           font-family: "Benton Sans", "Helvetica Neue", helvetica, arial, sans-serif;
           background-color: #36393F;
           background-image: url("back.png");
           margin-left: auto;
           margin-right: auto;
           color: white;
       }
       #naslov {
        position: relative;
        top: 20px;
        color: #7289DA;
        font-size: 50px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        left: 120px;
       }
       #batn {
        background-color: #7289DA;
        border: none;
        border-radius: 5px;
        color: white;
        padding: 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        cursor: pointer;
        font-size: 25px;
                   margin-left: auto;
           margin-right: auto;
        position: relative;
        left: 300px
       }
       #batn:hover {
        background-color: #6074ba;
        border: none;
        border-radius: 5px;
        color: white;
        padding: 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        cursor: pointer;
        font-size: 25px;
                   margin-left: auto;
           margin-right: auto;
       }
       #dat {
       background-color: #2F3136;
       width: 100%;
       max-width: 750px;
       height: 100%;
       max-height: 4850px;
       margin-left: auto;
       margin-right: auto;
       }
       table {
           width: 100%;
           max-width: 700px;
           border: none;
           border-collapse: collapse;
           border-spacing: 0;
           border-radius: 5%;
           text-align: center;
           color: #393939;
       }
       
       td, th {  
    border: none; 
    height: 30px; 
    transition: all 0.3s; 
}
th {
    background-color: gray;
}

tr:nth-child(even) td{
    background-color: lightgray;
}
tr:nth-child(odd) td{
    background-color: darkgray;
}
tr td:hover{
    background-color: #393939;
    color: white;
}