div{
    /* outline: 1px solid red; */
}

.index-header{
    display: flex;
    justify-content: space-between;
    width: 98vw;
    align-items: center;
    padding: 1rem;
    border-radius: 5px;
    color: var(--bg-color);
    background-color: var(--fg-color);
}

.title{
    display: flex;
    align-items: center;
}

.image-cont{
    
}

.image-cont > img{
    height: 5rem;
}

.title_cont{
    font-size: xx-large;
    text-align: left;
}

.btn-div > button{
    padding: 1rem;
    font-size: x-large;
    border-radius: .5rem;
}

.btn-div{
    /* position: relative;
    width: 10rem; */
}
/* .btn-div::before,
.btn-div::after{
    content: '';
    position: absolute;
    inset:0;
    background-color: red;
    border-radius: inherit;
    width: inherit;

} */

@media screen and (max-width: 480px) {
    .index-header{
        display: grid;
        justify-items: start;
    }
}