* {

    margin: 0;
    padding: 0;
    /* box-sizing: border-box; */
}

.parentbox {
    background-color: rgb(155, 39, 148);
    display: flex;
    align-items: center;
    justify-content: space-between;

}

/* .bars { */
/* display: none; */
/* } */


#Links,
li,
a {
    list-style: none;
    display: flex;
    padding: 4px;
}

.bars,
li a {
    text-decoration: none;
    letter-spacing: 2px;
    color: rgb(255, 255, 255);
}

li:hover {
    border-radius: 20px;
    background-color: rgb(255, 145, 48);
}

@media screen and (max-width:768px) {
    .bars {
        display: block;

    }
}

.img1 {
    border: 1px solid darkkhaki;
    height: 5px;
    width: fit-content;

}


img {
    border-radius: 3px;
    height: 400px;
    width: 100%;
    margin: 20px;
}

.Multiple {
    text-align: center;

}

Marquee {
color: rgb(31, 36, 38);
    background: rgb(88, 252, 96);
    background: linear-gradient(0deg, rgba(88, 252, 96, 1) 9%, rgba(242, 242, 242, 1) 47%, rgba(255, 106, 0, 1) 84%);
    font-size: 25px;
    font-weight: bold;

}