*{
    box-sizing: border-box;
}
body{
    background-color: whitesmoke;
}
#mainDiv{
    display:flex;
    justify-content: center;
    /* align-items: center; */
}
.buttonsDiv{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* height:100%; */
}
.imgDiv{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height:550px;
    aspect-ratio: 1/1;
    border:10px solid wheat;
    padding:1rem;
    margin-left:1rem;
    background-color: white;
    /* background-color: rgb(250, 231, 195); */
}
#gifWrapper{
    height:200px;
    width:200px;
}

#alternatingImg{
    /* transform: translate(-50%,-50%); */
    max-width: 100%;
}
.hidden{
    display: none;
}

button{
    font-weight: 100;
    font-size: 1.2;
    border:1rem solid white;
    border-radius:0.4rem;
    padding: 1rem;
    /* margin:0.5rem; */
}

button:hover{
    background-color: white;
    border:1rem solid wheat;
}