.okvir {
    font-family: sans-serif;
    align-items: center;
    align-content: center;
    align-self: center;
    color: blanchedalmond;
    background: black;
}

table {
    position: fixed;
    padding: 0;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    background: black;
    border: none;
    border-spacing: 0;

}

.box {
    margin: 1vw;
    padding: 2vw;
    width: 30vw;
    height: 25vh;
    text-align: center;
    align-items: center;
    align-content: center;
    border-collapse: collapse;
    border-radius: 1em;
    background: silver;
    color: #13b3ff;
}

.wide {
    width: 15vw;
    height: 10vh;
    flex: 1 1 0px;
    border: 0.1vw solid steelblue;
}

.narrow {
    width: 10vw;
    height: 15vh;
    flex: 1 1 0px;
    border: 0.1vw solid steelblue;
}

.klaus {
    font-size: 7vh;
    text-shadow: 0 0 5px #63cdff,
                 5px 5px 15px gold;
    font-family: 'Over the Rainbow',
    cursive;
    font-weight: bolder;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.pic {
    outline: 0.1vw solid steelblue;
    margin: 0.1vw;
    padding: 0.2vw;
    border: 0.1vw solid;
}

.fill {
    object-fit: fill;
}

.contain {
    object-fit: contain;
}

.cover {
    object-fit: cover;
}

.none {
    object-fit: none;
}

.scale-down {
    object-fit: scale-down;
}