body {
    background-color: black;
    overflow: hidden;
    height: 500px;
}

.frame {
    margin-left: auto;
    margin-right: auto;
    height: 400px;
    width: 326px;
    position: relative;
}

.fade {
    height: 100%;
    width: 100%;
    position:absolute;

    background:
    -webkit-radial-gradient(
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,1) 75%
    );

    background:
    radial-gradient(
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,1) 75%
    );
}

.frame:hover {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

.fade:hover {
    background:
    -webkit-radial-gradient(
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,1) 70%
    );

    background:
    radial-gradient(
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,1) 70%
    );
}

a {
	color: #4099FF;
}

#countdown {
    color: #c90000;
    font-size: 40px;
    font-family: "Courier New", Courier, monospace;
    text-align: center;
}