/* This is my external stylesheet */



/* reset rule */



img{
    width: 30px;
    height: 30px;
    text-shadow: rgb(18, 18, 19);
    height: 200px;
    width: 200px;
    text-align: center;
    
     box-shadow: 0px 0px 40px 40px black,
    0px 0px 40px 10px black,
    0px 0px 50px 50px red,
    0px 0px 60px 40px rgb(239, 147, 0);
     
    border-radius: 50%;


}
img:hover{
    width: 30px;
    height: 30px;
    position:sticky;
    transform: rotate(360deg);
    transition-duration: 10s;
}

   

    body {
        background-color: black;
        text-align: center;
        
        

    }

     
     

h1 {
    color: black;
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 60px;
    text-shadow: 0px 0px 6px yellow,
    1px 1px 4px blue,
    1px -1px 6px rgb(221, 61, 61);
}