@CHARSET "UTF-8";

*{margin:0;pdding:0}
html{width:100%;height:100%}
body{height:100%;overflow:hidden;background:url(gfx/page-bg.jpg) #414141 center no-repeat;background-size:cover;font-family: verdana}
body.muhaha{background:url(gfx/muhaha.gif) center no-repeat, url(gfx/page-bg.jpg) center no-repeat;background-size:cover}

.youtube{width:33%;height:50%;position:absolute;left:20px;top:20px}

.label{width:33%;height:30%;position:absolute;left:20px;bottom:15%;text-align:center}
.label img{height:100%}

.left-bottom{position:absolute;width:33%;text-align:center;left:20px;bottom:20px}
.left-bottom .share, .left-bottom .album{display:inline-block;margin:10px;cursor:pointer}
.left-bottom .share img, .left-bottom .album img{border:0;display:block;}
.left-bottom .album{position: relative}
.left-bottom .album::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: inset 0 0 0 0 rgba(255,255,255,.5);
    -webkit-transition: box-shadow 0.5s ease;
    -moz-transition: box-shadow 0.5s ease;
    -ms-transition: box-shadow 0.5s ease;
    -o-transition: box-shadow 0.5s ease;
    transition: box-shadow 0.5s ease;
}
.left-bottom .album.active::after,
.left-bottom .album:hover::after {
    box-shadow: inset 0 0 0 5px rgba(255,255,255,.75);
}

.mixtape{width:33%;height:45%;position:absolute;right:20px;top:20px;text-align:center}
.mixtape img{width:100%}

.soundcloud{width:33%;height:50%;position:absolute;right:20px;bottom:20px}

.box-shadow{-webkit-box-shadow:0 0 5px 5px rgba(0, 0, 0, 0.5);box-shadow:0 0 5px 5px rgba(0, 0, 0, 0.5);background:#fff}
.is-hidden{display:none!important}


.caninvisble {
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    opacity: 1;
}
.invisible {
    opacity: 0;
}

h2 {}