I am not able to run my code

Code Help
1 
body{ 
     margin: 0; 
     height: 100vh; 
     display: flex; 
     align-items: center; 
     justify-content: center; 
     background-color: black; 
 } 
 .container{ 
     font-size: 10px; 
     width: 40em; 
     height: 40em; 
     position: relative; 
     overflow: hidden; 
 } 
 .sun{ 
     position: absolute; 
     top: 15em; 
     left: 15em; 
     width: 10em; 
     height: 10em; 
     background-color: rgb(255, 204, 0); 
     border-radius: 50%; 
     box-shadow: 0 0 3em white; 
 } 
 .earth, .moon{ 
     position: absolute; 
     border-style: solid; 
     border-color: white transparent; 
     border-width: 0.1em 0.1em 0 0; 
     border-radius: 50%; 
 } 
 .earth{ 
     top: 5em; 
     left: 5em; 
     width: 30em; 
     height: 30em; 
     animation: rahul 36.5s linear infinite; 
 } 
 .moon{ 
     top: 0; 
     right: 0; 
     width: 8em; 
     height: 8em; 
     animation: rahul 5s linear infinite; 
 } 
 .earth::before, 
 .moon::before{ 
     content: ''; 
     position: absolute; 
     border-radius: 50%; 
 } 
 .earth::before{ 
     top: 2.8em; 
     right: 2.8em; 
     width: 3em; 
     height: 3em; 
     background-color: rgb(80, 80, 201); 
 } 
 .moon::before{ 
     top: 0.8em; 
     right: 0.2em; 
     width: 1.2em; 
     height: 1.2em; 
     background-color: silver; 
 } 
 @keyframes rahul{ 
     to{ 
         transform: rotate(360deg); 
     } 
 }
1 Like
2

Hi @KenolWalker , welcome to the forums!
What issue are you experiencing?
Could you also put uour code in code fences:

```css
code here
```

To link your CSS page to HTML, do this:

<link href="style.css" rel="stylesheet" type="text/css" />
4 Likes
3

KenolWalker, it looks as if this is just CSS, if you would like us to help, please give us the code in question, or link your repl (See: How to share your code).

(Sorry, if I’m wrong or misunderstanding, I’m quite new to replit ask.)

4 Likes