*, *::before, *::after{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, p{
    margin-bottom: 0;
}

a{
    text-decoration: none;
}

:root{
    --theme-yellow: #ecb242;
    --theme-reddish-brown: #500c00;
    --theme-yellow001: #f3b538;
    --theme-orange: #f47c34;
    --theme-orange001: #ca6502;
    --theme-orange-darker: #f2650d;
    --theme-orange-darkest: #a95109;
    --theme-whilte: #ffffff;
    --theme-lightorange: #fbd77f;
    --theme-darkgray: #222222;
    --theme-darkbrown: #3d3633;
    --theme-antiq-brown001: #b58962;
    --theme-antiq-brown002: #946d4b;
    --theme-antiq-brown003: #caa984;
    --theme-antiq-brown004: #e8dbc3;
    --theme-antiq-brown005: #e4cea6;
    --theme-antiq-brown006: #665850;
}


.gallery-container{
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.gallery-block{
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.gallery-block h6{
    font-family: 'Poppins', sans-serif;
    font-size: 2.2rem;
    font-weight: 600;
    color: var(--theme-reddish-brown);
}

.super{
    vertical-align: super;
    font-size: smaller;
}

.gallery-block div{
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.gallery-block div img{
    width: 270px;
    height: auto;
    filter: opacity(0.8);
    transition: ease-in-out 300ms;
    transition-property: filter;
}

.gallery-block div img:hover{
    filter: opacity(1);
}