body {
    text-align: center;
}

.krug {
    border-radius: 50%;
}

.mala {
    width: 100px;
    height: 100px;
}
.velika {
    width: 400px;
    height: 400px;
}
#tekst {
    position: absolute;
    top: 72vh;
    left: 20vw;
    width: 700px;
    height: 100px;
    background-color: yellow;
    overflow-y: scroll;
    
}
button {
    height: 2em;
    margin: 1em;
}
img {
    position: absolute;
}
#maliKrug1 {
    top: 10%;
    left: 20%;
}
#maliKrug2 {
    top: 0;
    left: 33%;
}
#maliKrug3 {
    top: 0;
    left: 45%;
}
#maliKrug4 {
    top: 10%;
    left: 57%;
}
#velikiKrug {
    top: 15%;
    left: 25%;
}
.dole {
    top: 60vh;
}
#maliKvadrat1 {
    left: 20%;
}
#maliKvadrat2 {
    left: 33%;
}
#maliKvadrat3 {
    left: 40%;
}
#maliKvadrat3 {
    left: 62%;
}
button {
    position: absolute;
    top: 85vh;
}
#btn1 {
    left: 20%;
}
#btn2 {
    left: 40%;
}
#btn3 {
    left: 60%;
}