.indexMainImage{
    height: calc(100vh - 50px);
    width: 100vw;
    object-fit:cover;
    filter:brightness(0.7);
    z-index: 1;
}
.index-title{
    top: 100px;
    position: absolute;
    z-index: 900;
    margin: 0px;
    left: 50px;
    color: white;
}

.index-search-input{
    position: absolute;
    top: 180px;
    z-index: 900;
    width: 560px;
    left: 50px;
}

.index-img-card{
    object-fit: cover;
    height: 400px;
    width: 300px;
    margin: 30px 30px 0 30px;
    border-radius: 50px;
    filter: brightness(1);
    transition: filter 0.5s ease; 
    background: linear-gradient(to top, #2d2d2d, rgba(32, 32, 32, 0));
    z-index:100;

}


.index-img-card:hover {
    filter: brightness(0.85); 
}

.index-h2{
    text-align: center;
}

.index-text-card{
    position: relative;
    bottom: 55px;
    margin: 0px;
    color: white;
    font-size: 30px;
}

.index-guide-div{
    width: 932px;
}
.mini-card{
    border-radius: 20px;
    padding : 10px;
    object-fit:cover;
    height: 300px;
    width: 300px;
}
.flex-column{
    display: flex;
    flex-direction: column;
}
.index-div-guide{
    display: flex;
    justify-content: center;
}
.guide-right{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.guide-left{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#epic-map{
    z-index: 0;
}