#waifu { 
    background: url("images/Megumi.png") no-repeat center center fixed; 
    -webkit-background-size: cover;
    background-size: cover;
    
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -10;
    
    opacity: 0;
}

#waifu.loaded {
    animation-name: fadein;
    animation-duration: 1s;
    opacity: 255;
}

#waifuColour {
    opacity: 0.69; 

    -mix-blend-mode: hard-light;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -5;
}

#blackout {
    background-color: #000; 
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

#controls {
    font-family: monospace;
    background-color:#ffffff;
    width:800px;
    position: relative;
    z-index 2;
}

@keyframes fadein {
    from {opacity: 0;}
    to {opacity: 255;}
}