@font-face {

    font-family: "fssinclair";
        src: url('./assets/fonts/fssinclair-medium-webfont.eot') format('eot');

}

body {

    background-color: rgb(161, 200, 84);
    font-family: 'Titillium Web', monospace;
    color: white;

}

#adaBadge {

    width: 200px;
    height: 200px;

}

h1 {

    font-size: 90px;
    font-family: 'Titillium Web', monospace;

}

#theLevel {

    margin-left: 38%;

    position: relative;

    bottom: 60px;

}

button {

    width: 430px;
    height: 50px;
    margin-top: 10px;
    font-size: 20px;
    font-family: 'Titillium Web', monospace;
    background-color: rgb(108, 184, 231);
    color: white;
    border: none;

}

#theAnswer {

    color: rgb(246, 131, 82);

}

.hintPictures {

    margin-right: 20px;

}

#hintPicture1 {

    height: 250px;

}

#hintPicture2 {

    height: 250px;

}

#pictureHints {

    display: none;
    width: 735px;
    margin-top: 20px;
    position: relative;
    left: -13%;
    border: 5px black solid;
    padding: 10px;
    background-color: rgb(161, 200, 84);

}