#declare,#declareButton,#declareText, #reYes,#reNo, #game, #dif1, #dif2, #dif3, #dif4, #dif5, #dif6, #timer {
    visibility: hidden;
}

body {
    text-align: center;
    background: #8e9eab; /* fallback for old browsers */
    background: linear-gradient(to right, rgb(0, 171, 166), white);
    font-family: 'Jua', sans-serif;
}

.button {
    background: #0ddb55;
    background-image: -webkit-linear-gradient(top, #0ddb55, #61e08d);
    background-image: -moz-linear-gradient(top, #0ddb55, #61e08d);
    background-image: -ms-linear-gradient(top, #0ddb55, #61e08d);
    background-image: -o-linear-gradient(top, #0ddb55, #61e08d);
    background-image: linear-gradient(to bottom, #0ddb55, #61e08d);
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    font-family: Verdana;
    color: #ffffff;
    font-size: 15px;
    padding: 6px 7px 7px 6px;
    text-decoration: none;
}

.button:hover {
    background: #18571a;
    background-image: -webkit-linear-gradient(top, #18571a, #32c248);
    background-image: -moz-linear-gradient(top, #18571a, #32c248);
    background-image: -ms-linear-gradient(top, #18571a, #32c248);
    background-image: -o-linear-gradient(top, #18571a, #32c248);
    background-image: linear-gradient(to bottom, #18571a, #32c248);
    text-decoration: none;
}


#dif4, #dif5 {
    background: #26d6aa;
    background-image: -webkit-linear-gradient(top, #26d6aa, #42e0ae);
    background-image: -moz-linear-gradient(top, #26d6aa, #42e0ae);
    background-image: -ms-linear-gradient(top, #26d6aa, #42e0ae);
    background-image: -o-linear-gradient(top, #26d6aa, #42e0ae);
    background-image: linear-gradient(to bottom, #26d6aa, #42e0ae);
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    font-family: Verdana;
    color: #ffffff;
    font-size: 15px;
    padding: 6px 7px 7px 6px;
    text-decoration: none
}

#dif4:hover, #dif5:hover {
    background: #58db29;
    background-image: -webkit-linear-gradient(top, #58db29, #2d8132);
    background-image: -moz-linear-gradient(top, #58db29, #2d8132);
    background-image: -ms-linear-gradient(top, #58db29, #2d8132);
    background-image: -o-linear-gradient(top, #58db29, #2d8132);
    background-image: linear-gradient(to bottom, #58db29, #2d8132);
    text-decoration: none;
}




#dif6 {
    background: #097d5b;
    background-image: -webkit-linear-gradient(top, #097d5b, #2e912c);
    background-image: -moz-linear-gradient(top, #097d5b, #2e912c);
    background-image: -ms-linear-gradient(top, #097d5b, #2e912c);
    background-image: -o-linear-gradient(top, #097d5b, #2e912c);
    background-image: linear-gradient(to bottom, #097d5b, #2e912c);
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    font-family: Verdana;
    color: #ffffff;
    font-size: 15px;
    padding: 6px 7px 7px 6px;
    text-decoration: none
}

#dif6:hover {
    background: #248227;
    background-image: -webkit-linear-gradient(top, #248227, #80c242);
    background-image: -moz-linear-gradient(top, #248227, #80c242);
    background-image: -ms-linear-gradient(top, #248227, #80c242);
    background-image: -o-linear-gradient(top, #248227, #80c242);
    background-image: linear-gradient(to bottom, #248227, #80c242);
    text-decoration: none;
}

#info {
    color: #000000;
    font-size: 15px;
    font-family: 'Do Hyeon', sans-serif;
}

h1 {
    font-family: 'Cutive', serif;
    color: white;
    text-shadow: 0 0 3px #5fff9e;
    font-size: 50px;
    /*source: https://stackoverflow.com/questions/6422790/css-create-white-glow-around-image */
    -webkit-box-shadow: 0px 0px 3px 5px #38f271;
    -moz-box-shadow: 0px 0px 3px 5px #38f271;
    box-shadow: 0px 0px 3px 5px #38f271;
}

h1:hover {
    text-shadow: 0 0 3px #12aa64;
}

#timer {
    background-color: #0DDB55;
    width: 100px;
    border: 1px solid #2a8075;
    margin: 10px auto;
}