.banner {
    background-image: url('../assets/SkyBanner.png');
    height: 200px;
}
#button1 {
    position: absolute;
    height: 175px;
    width: 175px;
    top: 100px;
    left: -300px;
    cursor: pointer;
}
#button2 {
    position:absolute;
    height: 175px;
    width: 175px;
    bottom: -100px;
    cursor: pointer;
}
#button3 {
    position: absolute;
    height: 175px;
    width: 175px;
    top: 100px;
    right: -300px;
    cursor: pointer;
}
#button1 .image {
    background-image: url(../assets/photographs.png);
    background-size: contain;
    width: 100%;
    height: 100%;
}
#button2 .image {
    background-image: url(../assets/cgi.png);
    background-size: contain;
    width: 100%;
    height: 100%;
}
#button3 .image {
    background-image: url(../assets/hippie.png);
    background-size: contain;
    width: 100%;
    height: 100%;
}
.title {
    width: 100%;
    text-align: center;
    font-family: cursive, "sans-serif";
    font-weight: bold;
    font-size: 24px;
    color: white;
}