body {
    margin: 0px;
    background-image: url("media/background kids in front of the school.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    background-attachment: fixed;
}

h1, h3, ul {margin-top: 10px; margin-bottom: 10px;}

a { color: red; }

ul {padding-left: 0px;}
ul li {
    list-style: none;
    display: inline;
    margin: 0 5px 0 5px;
}

form {margin-bottom: 0px;}

.container {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    font-size: 125%;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.logo {
    position: absolute;
    top: 30px;
    left: 50px;
}

.logo img { height: 90px; }

.meni { padding-top: 50px; }

.meni ul {
    padding: 10px;
    font-weight: 600;
    font-size: 125%;
    margin: auto;
    background-color: rgb(240, 248, 255, 0.8);
    border: 1px solid rgb(240, 248, 255, 0.8);
    border-radius: 3px;
    max-width: max-content;
}

.centralniDiv {
    width: 50%;
    margin: 10% auto auto auto;
    background-color: rgb(240, 248, 255, 0.8);
    text-align: center;
}

.dugme {
    background-color: dodgerblue;
    border-radius: 5px;
    padding: 10px;
    font-weight: 800;
    font-size: 115%;
    opacity: 100;
}

.dugme:hover { cursor: pointer; }

.top {
    max-height: 250px;
    overflow: auto;
}

.tablica {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    height: 70px;
    border: 1px solid red;
    border-radius: 5px;
    text-align: right;
}

.tablica p {margin: 0px; font-weight: 700;}
.tablica img {max-height: 70px; vertical-align: middle;}

.tablica_korisnika {
    position: fixed !important;
    top: 30px;
    right: 50px;
    min-width: 210px;
    background-color: rgb(240, 248, 255, 0.8);
}

.bodovi, .rezultat {
    position: absolute;
    left: 5px;
    bottom: 5px;
    text-align: left;
}

.nivo {
    position: absolute;
    right: 0px;
    bottom: 0px;
    color: dodgerblue;
    font-weight:500;
    background-color: rgb(240, 248, 255, 0.95);
}

.okvir {  height: 76px; }
.okvirP img { border: 3px solid brown;}
.okvirS img { border: 3px solid purple;}
.okvirG img { border: 3px solid gold;}

@media only screen and (max-width: 1600px) {
    .centralniDiv {
        width: 80%;
    }
}