body { 
    background-color: rgb(9, 8, 17);
    font-family: "Syne-Medium";
    }
  
 h1{
        color:rgb(90, 154, 236);
        font-family: "Syn'Kumar One', cursivee-Medium";
        font-size:100px;
        text-shadow:   2px 4px 4px rgb(21, 48, 122);
        position: relative;
    }
        
    .circle {
        height: 500px;
        width: 500px;
        background-color: rgb(255, 238, 0);
        border-radius: 50%;
        display: inline-block;
        position:fixed;
        display:flex;
        top:50%;
        left: 50%;
        transform: translate(-50%, -50%);
        animation: glowShadow 1.5s linear infinite alternate;
        box-shadow: 0px 0px 35px 15px #535FED;

      }
.Sun:hover {
    color: yellow;
    font-size: 150px;
 }

.Sun1:hover:hover {
    color: yellow;
    font-size: 150px;

 }  

.Sun2:hover {
    color: yellow;
    font-size: 150px;

}

.Sun3:hover {
    color: yellow;
    font-size: 150px;

}
.Sun4:hover:hover {
    color: yellow;
    font-size: 150px;


}
.Sun5:hover {
    color: yellow;
    font-size: 150px;

}
.Sun6:hover {
    color: yellow;
    font-size: 150px;

}

.Sun7:hover {
    color: yellow;
    font-size: 150px;

}

.Sun8:hover{
    color: yellow;
    font-size: 150px;

}
.Sun9:hover:hover {
    color: yellow;
    font-size: 150px;

}
.Sun10:hover {
    color: yellow;
    font-size: 150px;

}
.Sun11:hover {
    color: yellow;
    font-size: 150px;

}
.Sun12:hover {
    color: yellow;
    font-size: 150px;

}
.Sun13:hover {
    color: yellow;
    font-size: 150px;

}