body{
    margin: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: 	#F7caca;
    font-size: larger;
}


main{
    padding: 20px;
}

h1,h2{
    font-family: Bad Script;
      
}

h1{
    color: mediumvioletred;
    text-align: center;
}

nav{
    text-align: right;
    font-family: Bad Script;
   
}


img{
   border: 2px solid mediumvioletred;
    border-radius: 8px;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
    margin: 20px;
}

.obrazky img{
    width: 250px;
}

.obrazky {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-top: 20px;
}

.galeria {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-top: 20px;
}

.galeria img {
    width: 530px;

}





.image-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 15px
    max-width: 800px;
    margin: 0 auto;
    padding: 10px;
}

.image-grid img{
    width: 100%;
    height: auto;
    border-radius: 6px;
    object-fit: cover;
}

.stlpce{
    display: flex;
   gap: 20px;
   flex-direction: row;
   justify-content: center;
   
   
}

.nadpis{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1px;
    width: 500px;
    
}

.riadok{
    text-align: center;
}

.obtekany{
    float: left;
    width: 200px;
    margin: 0 15px 10px 0;
}

.obtekane{
    float: right;
    width: 200px;
    margin: 0 15px 10px 0 ;
}

ol{
    color: mediumvioletred;
    font-family: Bad Script;
}
.menu{
    font-family: Bad Script;
   
}

    @media (min-width:769px) {}
    @media (max-width:768px) {}
    @media (max-width:480px) {}
    
    .zarovnanie{
        text-align: center;
    }

    footer{
        text-align: center;
        background-color: hotpink;
    }

    .menu{
        display: flex;
        justify-content: center;
        gap: 30px;
       

    }

    .menu a{
        color: mediumvioletred;
        font-size: larger;
        text-decoration: none;
        font-weight: bold;
        border-right: 3px solid mediumvioletred;
        padding: 0 15px 0 10px;

    }

    .menuu{
        display: flex;
        justify-content: center;
        gap: 30px;
        background-color: hotpink;

    }

    .menuu a{
        color: white;
        font-size: 30px;
        text-decoration: none;
        font-weight: bold;

    }