* {
    margin:0; padding: 0; border:0; box-sizing: border-box;

}



body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
     background-color: darkslategrey;
    background-image: linear-gradient(45deg,  darkgrey, transparent,black);
    min-height: 100vh; 
}

div#eclipse {
    border: 0px solid  yellow;
    width: 400px; height: 400px;
    margin: 50px auto;
    border-radius: 50%;
    background-color: black;
    box-shadow: 0px 20px 40px 4px yellow,
                0px -20px 40px orange,
                -20px 0px 40px 1px orangered,
                20px 16px 19px 1px white,
                -25px -25px 50px white;




}

h1 { 
    text-align: center;
    margin: 30px 10px;
    text-shadow: 0px 0px 5px red,
                1px 1px 2px orange,
                 -1px -1px 5px yellowgreen;
    font-size: 5em;

}