body {
    font-family: 'Indie Flower', cursive;
    margin: 0;
    padding: 0;
    background-image: url('assets/texture.png');
    background-size: cover; 
    font-size: 24px;

}

#selected-item {
    font-size: 40px;
}

.outer-div {
display: flex;
flex-direction: column;
height: 100vh;
}

.top-inner-div, .bottom-inner-div, .middle-inner-div {
display: flex;
justify-content: center;
align-items: center;
}

.top-inner-div, .bottom-inner-div {
height: 100px;

background-color: rgba(255, 255, 0, 0.521);
}

.middle-inner-div {
flex-grow: 1;

}

.my-button {
background-color: rgb(214, 252, 2);
color: #0f0f0f;
border-radius: 20px;
padding: 10px 20px;
border: none;
cursor: pointer;
}

.my-button:hover {
background-color: #9ee800;
}

select, option {
    font-size: 35px;
    text-align: center;
    color: rgb(14, 14, 14);
    font-weight: 900;
  }