/* CSS for Hot or Cold Game */


body {
    width:100%;
    height: 100%;
    background-color:white;
    background: url(images/hot-cool-planet-cold-and-lightning.jpg) no-repeat center center fixed; 
    background-size: cover; 
    padding:0;
    margin:0;
    font-family: cursive;
    color:#d3d1d1;
}

/*Main content set-up*/
#container {
    text-align: center;
    width: 440px;
    height: 280px;
    margin: 50px auto;
    padding: 20px;
    background-color: black;
    border-radius: 50px;
    opacity: 0.8;
}

/*Title set-up*/
#title {
    font-size: 44px;
}

/*Instructions set-up*/
#instructions{
    margin: 15px auto;
    font-size: 12px;
}

/*Guess box set-up*/
#guess{
    margin: 10px auto;
}

/*Buttons set-up*/
#buttons{
    margin: 5px auto;
}

/*Submit button set-up*/
#submit{
    background-color: red;
    color: white;
}

/*New game button set up*/
#new{
    background-color: green;
    color: white;
}

/*Results set-up*/
#results{
    margin: 10px auto;
}
#invalidGuess{
    margin: 10px auto;
}
#hotter{
    margin: 10px auto;
}
#colder{
    margin: 10px auto;
}