body {
  
    margin: 0;
    background-color: blue;
    color: blue;
    background-image: url("images/bg.jpg");
    background-size: cover;
    background-position: center;
    font-family: Verdana;
    cursor: url("/cursur.png"), auto
}

/* Container holding the GIF and clickable areas */
.monitor {
    position: relative;
    width: 100%;
    max-width: 1024px;
    margin: 40px auto;
}

/* The GIF */
.monitor img {
    display: block;
    width: 100%;
    height: auto;
}

/* All invisible links */
.monitor a {
    position: absolute;
    display: block;
}

/* TOP-LEFT WINDOW */
.click-game {
    left: 5%;
    top: 19%;
    width: 21%;
    height: 18%;
}

/* TOP-MIDDLE: Cat */
.click-cat {
    left: 48%;
    top: 12%;
    width: 9%;
    height: 22%;
}

/* TOP-RIGHT WINDOW */
.click-music {
    left: 75%;
    top: 23%;
    width: 19%;
    height: 25%;
}

/* BOTTOM-LEFT WINDOW */
.click-art {
    left: 20%;
    top: 48%;
    width: 20%;
    height: 19%;
}

/* BOTTOM-RIGHT WINDOW */
.click-about {
    left: 61%;
    top: 54%;
    width: 19%;
    height: 23%;
}