/*external style sheet*/
/*reset rule**/
*{
    margin: 0; padding: 0; border: 0; box-sizing: border-box;

}

body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
 background-color: rgb(7, 45, 68);
background-image: linear-gradient(45deg, #200,#350) ;
min-height: 100vh; display: flexbox;
}

 div#eclipse {

border: 2px solid black;
width: 400px; height: 400px;
margin: 50px auto;
justify-content: center;
border-radius: 50%;
background-color:  black;
box-shadow: 40px 0px 50px yellow,
1px 1px 110px orange, 
-20px -1px 52px orangered, 
-1px -1px 5px #EEE,
-10px 50px 50px red;


 }

 h1{
    text-align: center;
    margin: 30px 10px;
    text-shadow: 0px 0px 5px yellowgreen;
    font-size: 5em;
    text-transform: lowercase;

 }