@font-face {
    font-family: tiny;
    src: url('assets/fonts/white-rabbit.otf') format('opentype'), /* OTF format */
    url('assets/fonts/white-rabbit.ttf') format('truetype');
}

body {
    margin: 0;
    background-color: black;
}

.mainArea {
    width: 400px; 
    margin: 0 auto;
}

.background {
    background: url("bg.png") repeat;
}

.hoverGlow:hover {
    filter: brightness(150%) drop-shadow(0 0mm 1mm rgb(255, 255, 255));
}

.hoverGlow {

}

.crank:hover {
    filter: brightness(170%) drop-shadow(0 0mm 0.7mm rgb(255, 255, 255)) drop-shadow(0 0mm 0.7mm rgb(255, 0, 255));
}

.crank {
    filter: drop-shadow(0 0mm 0.7mm rgb(255, 0, 255)) drop-shadow(0 0mm 0.7mm rgb(255, 0, 255));
}

.heart:hover {
    filter: brightness(200%) drop-shadow(0 0mm 2.5mm rgb(255, 100, 100)) drop-shadow(0 0mm 4mm rgb(255, 100, 100));
    z-index: -3;
    position: absolute;
    top: 333px;
    left: 305px;
}

.heart {
    filter: drop-shadow(0 0mm 2.5mm rgb(255, 0, 0)) drop-shadow(0 0mm 2.5mm rgb(255, 0, 0));
    z-index: -3;
    position: absolute;
    top: 333px;
    left: 305px;
}

.tonejsButton:hover {
    line-height: 25px;
    text-align: center;
    paint-order: stroke fill;
    -webkit-text-stroke: 10px black;
    filter: brightness(150%) drop-shadow(0 0mm 1.7mm rgb(255, 255, 255)) drop-shadow(0 0mm 1.7mm rgb(255, 255, 255));
    z-index: 3;
    font-size: 15px;
    color: white;
    font-family: myFont;
}

.tonejsButton {
    line-height: 25px;
    text-align: center;
    paint-order: stroke fill;
    -webkit-text-stroke: 10px black;
    filter: drop-shadow(0 0mm 0.7mm rgb(140, 255, 140)) drop-shadow(0 0mm 0.7mm rgb(140, 255, 140));
    z-index: 3;
    font-size: 15px;
    color: white;
    font-family: myFont;
}

.quizText {
    line-height: 30px;
    text-align: left;
    paint-order: stroke fill;
    -webkit-text-stroke: 10px black;
    filter: drop-shadow(0 0mm 0.7mm rgb(140, 255, 140)) drop-shadow(0 0mm 0.7mm rgb(140, 255, 140));
    z-index: 3;
    font-size: 15px;
    color: white;
    font-family: myFont;
}

.quizSubText {
    line-height: 25px;
    text-align: left;
    z-index: 3;
    font-size: 10px;
    color: lightgrey;
    font-family: myFont;
}