body {
    font-family:"Roboto Mono", monospace ;
    background-color: white;
    background-image: url("windows72.png");
    background-repeat: no-repeat;
    background-size: cover;
    margin:0;
    display:flex;
    background-position: center;
    height: 100vh;

}

.hlavni {
    box-shadow: black 0px 0px 10px 0px;
    border-radius:10px;
    margin-left:20vw;
    margin-top:5vh;
    display:grid;
    width:617px;
    height:551px;
    grid-template-columns: 1.0fr 5.0fr;
    grid-template-areas: "leva-cast hlavni-cast";
    background-image:url("window.png");
    background-size:cover;
    z-index:2;
}

.leva-cast {
    grid-area:leva-cast;
    width:206px;
    border-right:solid;
    border-width:1px;
    border-color:rgb(212, 229, 247);
    margin-left:8px;
    margin-top:65px;
    margin-bottom:8px;
    /*background-color: rgb(240, 240, 240);*/
    z-index:2;
}

.rozcestnik {
    margin-top:2vh;
    width:70%;
    text-align:left;
    z-index:2;
}

.hlavni-cast {
    grid-area:hlavni-cast;
    padding:5px;
    margin-right:8px;
    margin-top:65px;
    margin-bottom:8px;
    z-index:2;
}

.vnitrni-okno {
    background-color:rgb(252,252,252);
}

.hlavni-hlavni {
    padding:5px;
    text-align:block;
    z-index:2;
}

.hlavni-horni {
    /*background-color: rgb(255, 240, 240);*/
    height:10vh;
    border-bottom:dashed;
    border-color:rgb(212, 229, 247);
    border-width:1px;
    align-content: center;
    font-size: large;
    color:black;
    z-index:2;
}
.ikonky{
    position:absolute;
    float:left;
    height:80vh;
    z-index:-1;
}

.ikony {
    position:absolute;
    z-index:1;
    display:grid;
    height:70vh;
}

.zapati {
    position:fixed;
    bottom: 0;
    align-items:flex-end;
}
.zapati > img {
    display:flex;
    align-items:flex-end;
    height:5vh;
}


@media (aspect-ratio < 1) {
    .hlavni {
        width:100vw;
        height:89.5vw;
        margin-left:0;
    }
    .ikony {
        z-index:-1;
    }
}

@media (max-height: 630px) {
    .hlavni {
        width: 130vh;
        height: 85vh;
        margin-left:2vw;
    }
}

@media (max-aspect-ratio: 2/3){
    .hlavni {
        background-image:url(window-tall.png);
        height:161.5vw;
    }
    .leva-cast {
        width:auto;
    }
}