#theme{
    position: fixed;
    right: 30px;
    top: 30px;
    border: none;
    outline: none;
    height: 40px;
    width: 40px;
    border-radius: 6px;
    border: 1px solid #272727;
    background-color: #131313;

    
}
  #theme>img{
      width: 100%;
     height: 100%;
      
  }
  .theme-sun{
       animation: rotate-sun 10s linear infinite;
  }
.moon-swing {
display: inline-block;
transform-origin: top center; 
animation: moon-swing 4s ease-in-out infinite;
}

  @keyframes rotate-sun{
      from{
          transform:rotate(0deg);
      }
      to{
          transform: rotate(360deg);
      }
  }
  @keyframes moon-swing {
        0% {
                    transform: rotate(10deg);
        }
          50% {
          transform: rotate(-10deg);
        }
100% {
          transform: rotate(10deg);
}
}