body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    background-color: #121212;
    overflow-y: hidden; /* Hids and turns off scrolling and scrollbar */
    overflow-x: hidden; /* Hids and turns off scrolling and scrollbar */
}

#Drink-Selection,
#Bottom-Ad {
    width: 100%;
    height: 33.33vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

#Top-Banner-Ad,
#Drink-Selection,
#Bottom-Ad {
    background-color: #121212;
}

#weatherwidget-io {
    position: absolute;
    top: 0;
}

#Top-Banner-Ad img { /* I spent an hour trying to center this img just to find out I needed to change "video" to "img" */
    width: 922;
    height: 90;
    width: 100%;
    max-height: 100%;
}

#Drink-Selection img {
    width: 800;
    height: 800;
    max-width: 100%;
    max-height: 100%;
}

#Bottom-Ad video {
    width: 100%;
    max-height: 100%;
    position: absolute;
    bottom: 0;
}