body {
    background-color: lightpink;
}

img {
    width: 50vw;  
}
button{
    width: 80px; 
    background-color: rgb(166, 203, 204);
    color:black;
    padding: 8px;
    border-radius: 12px;
    border: solid black 4px;
    height:min-content;
} 

a {
    text-decoration: none;
}

.catdiv {
    background-color: lightgreen;
    padding-bottom:10vh;
    padding-top: 10vh;
    border-radius: 25px;
}

.top {
    display: flex;
    justify-content: space-around;
    padding-bottom:0px;
}

.catdiv img {
    padding: 5vh;
}

.right {
    padding-right: 2vh;
}

#navBar {
    position: fixed;
    padding-left: 1vw;
}

.container {
    width: 100%;
    text-align: left;
    padding-bottom: 2vh;
}

.barchart {
    padding-left: 1vh;
    padding-right: 1vh;
    text-align: left;
    padding-bottom: 5vh;
    color: black;
    width: 90%;
}



.child {
    background-color:mediumpurple;
    border-radius: 25px;
    padding-left: 5vw; 
}