@import url(https://fonts.googleapis.com/css?family=MedievalSharp:400);
*{
    overflow: hidden;
}

.okvir{
    width: 100vw;
    height: 100vh;
    text-align: center;
    background-color: black;
    color: aliceblue;
}
.b1{
    position: fixed;
    top: 26vh;
    left: 10vw;
    width: 1in;
    height: auto;
    font-size: 1.5vh;
    text-align: center;
    color: red;
}

#box1 {
    position: fixed;
    top: 30vh;
    left: 10vw;
    width: 1in;
    height: 1in;
    color: lightslategray;
    background-color: white;
}

.b2{
    position: fixed;
    top: 26vh;
    right: 10vw;
    font-size: 1.7vh;
    width: 10vw;
    height: auto;
    text-align: center;
    color: red;
}

#box2 {
    position: fixed;
    top: 30vh;
    right: 10vw;
    width: 10vw;
    height: 10vh;
    color: white;
    background-color: lightslategray;
}

.ekran0 {
    position: fixed;
    left: 1vw;
    right: 1vw;
    font-family: "MedievalSharp", Arial;
    font-size: 8vh;
    color: royalblue;
}

.ekran1 {
    position: fixed;
    top: 23vh;
    left: 1vw;
    right: 1vw;
    font-family: "MedievalSharp", Arial;
    font-size: 5vh;
    color: rgb(255, 252, 95);
}

.ekran2 {
    position: fixed;
    left: 1vw;
    right: 1vw;
    font-family: "MedievalSharp", Arial;
    font-size: 5vh;
    color: rgb(255, 154, 154);
}

.ekran3 {
    position: fixed;
    left: 1vw;
    right: 1vw;
    font-family: "MedievalSharp", Arial;
    font-size: 5vh;
    color: rgb(255, 154, 154);
}

.ekran4 {
    position: fixed;
    left: 1vw;
    right: 1vw;
    font-family: "MedievalSharp", Arial;
    font-size: 5vh;
    color: rgb(255, 154, 154);
}

.ekran5 {
    position: fixed;
    left: 1vw;
    right: 1vw;
    font-family: "MedievalSharp", Arial;
    font-size: 5vh;
    color: rgb(255, 154, 154);
}