html, body {
    /*background: linear-gradient(-45deg, #ec5121, #0e71ec, #102133, #0e71ec);
    background-size: 400% 400%;*/
    /*-webkit-animation: Gradient 30s ease infinite;
    -moz-animation: Gradient 30s ease infinite;
    animation: Gradient 30s ease infinite;*/
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'Open Sans';
    font-weight: 300;
}

body {
    background: #282f30;
}

.appContainer {
    background: #282f30;
    height: 100%;
    opacity: 0;
}

#homeView {
    background-image: url("/img/valleybg.jpg");
}

#photographyView {
    background-image: url("/img/photography/deadwood.jpg");
}

#sandboxView {
    background-image: url("/img/javascript.png");
}

#artView {
    background-image: url("/img/art/eye.png");
}

#musicView {
    background-image: url("/img/music/lotsodrums.jpg");
}

#boiView {
    background-image: url("/img/bandofideas.com.png");
}

#music-view {
    background-image: url("/img/FB_IMG_1556739299569.jpg");
}