body {
    padding-top: 20px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 20px;
    font-size: medium;
}

nav .nav-link {
    
    color: #0000ce;
}

h1 {
    font-size: medium;
    color: #0000ce;
}

header {
    padding: 10px;
    margin: 0px;
    text-align: center;

}

header span {
    font-size: small;
}


section {
    font-size: large;
}

#indeks {
    text-align: center;
    vertical-align: middle;
}

.workingArea {
    margin-top: 20px;
}

div {
    padding: 5px 6px;
}
img {
    padding: 5px 6px;
    
}

h3 {
    font-size: small;
    color: #0000ce;
}

.fill {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}
.fill img {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%
}

div.demo {
    background-color: coral;
    color: white;
    padding: 5px 6px;
    margin: 10px auto;
}

.responsive {
    width: 100%;
    max-width: 300px;
    height: auto;
}

footer {
    height: 80px;
}

.jumbotron {
    background-color: blue;
    background-size: cover;
    border-radius: 5px;

}

div.jumbotron h1 {
    color: wheat;
}

div.jumbotron h2 {
    color: wheat;
}

ol {
    margin-top: 10px;
}