body {
    font-family: sans-serif;
    margin: 0;
    background-image: url("/img/twinkle_Back.gif");
    background-repeat: repeat;
}

.wrapper {
    /* display: flex; */
    width: 100%;
}

.center {
    width: 50%;
    padding: 20px;
    margin-left: 50px;
    justify-content: left;
} 

.text {
    text-align: center;
}

.survey {
    height: 680px;
    width: 90%;
}

.display-topleft {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 20px;
    margin-left: 15px;
}

.game {
    /* transform: scale(0.7); */
    width: 580px;
    height: 620px;
}

@media only screen and (max-width: 640px) {
    .display-topleft {
        margin-top: 70px;
        margin-left: 5px;
    }
    .text {
        transform: scale(0.8);
    }
    .center {
        width: 90%;
        padding: 2px;
        transform: scale(0.8);
        margin-left: 60px;
        margin-top: 2px;
        vertical-align: top;
    }
    .survey {
        width: 100%;
        height: 960px;
    }
    .fire {
        font-size: 45px;
    }
    .sm_fire {
        font-size: 35px;
    }
    .game {
        transform: scale(0.9);
        width: 100%;
        /* height: 300px; */
    }
}

.fire {
 color: #f5f5f5; /* Light text color */
 text-align:center; /* Center alignment of text */
 font-family: 'Courier New', Courier, monospace; /*Monospace font */
 font-size: 60px; /* Text size */
 /* Multi-layered text-shadow for fire effect */
 text-shadow:
 0px -1px 3px #fff, /* Innermost layer - intense heat (white) */
 0px -2px 6px #FF3, /* Second layer - core of flame (yellow) */
 0px -6px 12px #F90, /* Middle layer - body of flame (orange) */
 0px -10px 20px #C33; /* Outermost layer - edges of flame (red) */
}

.sm_fire {
 color: #f5f5f5; /* Light text color */
 text-align:center; /* Center alignment of text */
 font-family: 'Courier New', Courier, monospace; /*Monospace font */
 font-size: 40px; /* Text size */
 /* Multi-layered text-shadow for fire effect */
 text-shadow:
 0px -1px 3px #fff, /* Innermost layer - intense heat (white) */
 0px -2px 6px #FF3, /* Second layer - core of flame (yellow) */
 0px -6px 12px #F90, /* Middle layer - body of flame (orange) */
 0px -10px 20px #C33; /* Outermost layer - edges of flame (red) */
}