body {

display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color: black;
color: white;

}

main {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
flex: 2;

}

footer {

    padding: 20px;
    font-size: 0.9em;
    color: #aaa;
}

button {

margin: 4px;
padding: 10px 20px;
border: none;
border-radius: 8px;
font-size: 1em;
justify-content: center;
align-items: center;
transition: 1s ease;
background-color: rgb(173, 232, 146);
font-weight: 700;
}

button:hover {
background-color: #121212;
border : 2px solid rgb(173, 232, 146);
color: white;
} 

h2 {
text-shadow: 3px 3px 6px green;
font-size: xxx-large;
    font-weight: bold;
    margin-bottom: 85px;
   border: 2px solid white;
   padding: 15px;
   border-radius: 15px;
 box-shadow: 2px 2px 5px;
}

header {
text-align: center;
padding: 20px;


}

span {

    color: yellow;
    text-shadow: 5px 5px 10px green ,
-2px -2px 10px green;
font-size: x-large;
    font-weight: bold;
    

}