body::before {
    content: "sss";
    position: fixed;
    top: -10px;
    left: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 20px);


   background-image: url('background.png');
background-repeat: no-repeat;
background-position: center;
background-size: cover;

filter: blur(4px);
z-index: -1;

}

body {
    font-family: fantasy;
}





/* nejlepsi kebab*/
.popisloga {
    color: rgba(219, 4, 4, 0.925); /*barva odstavcu bude zelene*/
    font-size: 32px;
    text-align: center;
    font-family: fantasy;
}

.vodorovna-cara {
    width: 100%;
    height: 2px;
    background-color: black;
}

.rozdeleni {
    margin-top: 30px;
}

.obsah {
    display: flex;
    gap: 0;
    margin-left: 80px;

}


.leva-strana,
.prava-strana {
    width: 50%;
}

.prava-strana {
    border-left: 2px solid black;
    padding-left: 60px;
}

.nadpis {
    display: block;
    margin: 0 auto;
    width: 500px;
    position: center;

}


.boxy {
    display: flex;
    margin-top: 20px;
    margin-left: 300px;
}

.boxL {
    width: 100px;
    height: 100px;
    background-color: yellow;
    text-align: center;
    text-transform: uppercase;

}

.boxP {
    width: 100px;
    height: 100px;
    background-color: red;
    text-align: center;
    
    text-transform: uppercase;
}

.kebab1 {
    width: 400px;
    height: auto;
    padding-left: 0px;
    padding-top: 30px;
}