html {
    font-family: sans-serif;
}

body {
    background: linear-gradient(25deg, #3FCC6C 0%, #2A7D46 30%, #5BEB89 70%, #18542D 100%);
    color: #BFFFD6;
    padding:0;
    font-size:medium;
}

h1 {
    color:#5EFF54;
    text-shadow:
    2px 3px 5px #000000,
    0em 0em 5px #000000, 
    -1px 0 #000000, 1px 0 #000000, 
    0px -1px #000000, 0 1px #000000;
    text-decoration: none;
    text-align:center;
    font-size: 150px;
    margin:0;
}

h2 {
    color:#5BEB89;
    text-shadow: 
    1px 2px 3px #000000,
    -1px 0 #000000, 0 1px #000000, 
    1px 0 #000000, 0 -1px #000000;
    text-decoration: none;
    text-align:center;
    font-size: 40px;
    font-style:italic;
    padding:0;
    margin-top:-10px;
    margin-bottom:0;
}

header {
    padding-bottom:20px;
    margin-bottom: 15px;
    border-bottom:1px solid #BFFFD6;

}

section {
    background: rgb(59, 82, 67, 0.60);
    text-align:center;
    padding: 5px;
    margin:0 10%;
    border-radius:15px;
}

menu {
    text-align:center;
    padding:0;
    margin-bottom:15px;
}

menu ul {
    list-style-type: none;
    margin:10px;
    padding:5px;
    color: #5EFF54;
    text-shadow:
    1px 2px 3px #000000,
    0em 0em 3px #000000;
    font-size:18px;
}

menu li {
    border: 1px solid #2A7D46;
    box-shadow: 0px 0px 5px #2A7D46 inset;
    border-radius:10px;
    padding:8px;
    font-weight:bold;
    font-style:italic;
    display:inline;
    margin:10px;
    transition: color .2s, border .2s, box-shadow .2s;
}

menu li:hover {
    color: #FCA828;
    border: 1px solid #FCA828;
    box-shadow: 0px 0px 10px #FCA828 inset;
    
}

footer {
    text-align:center;
    padding:20px;
    margin-top:20px;
}


/* for 1000px or less */
@media only screen and (max-width: 1000px) {
    menu ul {
        text-shadow:
        1px 1px 2px #000000,
        0em 0em 3px #000000;
    }

	menu li {
	    font-size:x-small;
	    margin:1px;
	}
    
}