@font-face {
	font-family:DoubleFeature20;
	src: url(fonts/double_feature/DoubleFeature20.ttf) format("truetype"); 
}


@font-face {
	font-family:amaranth;
	src: url(fonts/amaranth/Amaranth-Regular.otf) format("opentype"); 
}


body{


/*background-color:#9046e9;*/

z-index:999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
}

.frankie{position:absolute;left:100000px;top:100px}

.def{
font-size:0.7em;color:white;-webkit-border-bottom-right-radius: 11px;
-webkit-border-bottom-left-radius: 11px;
-moz-border-radius-bottomright: 11px;
-moz-border-radius-bottomleft: 11px;
border-bottom-right-radius: 11px;
border-bottom-left-radius: 11px;background-color:#00c826;padding:1.8em;font-family:amaranth;}

.font{font-family:DoubleFeature20;color:red;font-size:1.5em;}

.download {position:absolute;top:700px;left:210px;background:#3aaf36;z-index:99999999999999999999999999999999999999999999999999999999999999;cursor:pointer;border-radius: 20px;-moz-border-radius: 20px;
           width:400px
}

canvas{position:absolute;left:0%;top:100px;-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;z-index:2;}

.bg{position:absolute;width:790px; height:500px;left:0%;top:100px;background-color:#6271ff;-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;z-index:1;}

.button{cursor:pointer;position:absolute;width:40px;height:40px;left:382px;top:387px;z-index:3;}

#text{position:absolute;top:630px;font-family:DoubleFeature20;color:#7ce25c;font-size:1.5em;left:257px;font-style:italic;width:300px}