html, body {
    height: 100%;
    margin: 0;
    padding: 0;
	
}

body {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    display: -ms-flexbox;
}

.fixedlayout {
    -ms-grid-columns: 1fr;
    -ms-grid-rows: 1fr;
    display: -ms-grid;
    height: 768px;
    width: 1024px;
}

.inputRanking {
    font-family:'Cartoonist';
    font-size:30px !important;
    color:#5a4bad !important;
    width:271px !important;
}


@media screen and (-ms-view-state: fullscreen-landscape) {
}

@media screen and (-ms-view-state: filled) {
}

@media screen and (-ms-view-state: snapped) {
}

@media screen and (-ms-view-state: fullscreen-portrait) {
}

@font-face {
 font-family: 'Cartoonist';
 src: url("fonts/cartoonist_kooky.eot");
}

@font-face {
 font-family: 'Duepuntozero';
 src: url("fonts/duepuntozero.eot");
}

@font-face {
 font-family: 'Maagkramp';
 src: url("fonts/maagkramp_candypot.eot");
}



 
   

