
        .circle {
          height: 600px;
          width: 600px;
          position: relative;
          top: 100px;
          left: 100px;
          background-color: yellow;
          border-radius: 50%;
        }
        


    .circles {
      height: 100px;
      width: 100px;
      position: relative;
      top: -400px;
      left: 250px;
      background-color: black;
      border-radius: 50%;
    }
   

    .circle2 {
      height: 100px;
      width: 100px;
      position: relative;
      top: -496px;
      left: 450px;
      background-color: black;
      border-radius: 50%;
    }



    .rectangle {
      height: 200px;
      width: 350px;
      position: relative;
      top: -420px;
      left: 220px;
      background-color: black;
      border-style: solid;
    border-color: red;
    border-width: 10px;
    border-radius: 5%;
    }
   
    .rectangle1 {
        height: 30px;
        width: 350px;
        position: relative;
        top: -460px;
        left: 230px;
        background-color: rgb(174, 3, 3);
      
      }

      .rectangle2 {
        height: 80px;
        width: 50px;
        position: relative;
        top: -540px;
        left: 230px;
        background-color: white;
        border-radius: 15%;
      
      }

      .rectangle3 {
        height: 80px;
        width: 50px;
        position: relative;
        top: -620px;
        left: 282px;
        background-color: white;
        border-radius: 15%;
      
      }

      .rectangle4 {
        height: 80px;
        width: 65px;
        position: relative;
        top: -700px;
        left: 335px;
        background-color: white;
        border-radius: 15%;
      
      }

     
      .rectangle5 {
        height: 80px;
        width: 65px;
        position: relative;
        top: -780px;
        left: 403px;
        background-color: white;
        border-radius: 15%;
      
      }
     

      .rectangle6 {
        height: 80px;
        width: 50px;
        position: relative;
        top: -860px;
        left: 470px;
        background-color: white;
        border-radius: 15%;
      
      }
     
      .rectangle7 {
        height: 80px;
        width: 55px;
        position: relative;
        top: -940px;
        left: 522px;
        background-color: white;
        border-radius: 15%;
      
      }

      .rectangle8 {
        height: 30px;
        width: 350px;
        position: relative;
        top: -1140px;
        left: 230px;
        background-color: rgb(174, 3, 3);
      
      }
         
      .rectangle9 {
        height: 80px;
        width: 55px;
        position: relative;
        top: -1170px;
        left: 522px;
        background-color: white;
        border-radius: 15%;
      
      }

      .rectangle10 {
        height: 80px;
        width: 50px;
        position: relative;
        top: -1250px;
        left: 470px;
        background-color: white;
        border-radius: 15%;
      
      }

      .rectangle11 {
        height: 80px;
        width: 65px;
        position: relative;
        top: -1330px;
        left: 403px;
        background-color: white;
        border-radius: 15%;
      
      }

      .rectangle12 {
        height: 80px;
        width: 65px;
        position: relative;
        top: -1410px;
        left: 335px;
        background-color: white;
        border-radius: 15%;
      
      }

      .rectangle13 {
        height: 80px;
        width: 50px;
        position: relative;
        top: -1489px;
        left: 283px;
        background-color: white;
        border-radius: 15%;
    }

    .rectangle14 {
        height: 80px;
        width: 50px;
        position: relative;
        top: -1570px;
        left: 230px;
        background-color: white;
        border-radius: 15%;
    }

#underrectangle {
  position: relative;
  animation: mymoveunder 5s infinite;
}

@keyframes mymoveunder {
  0%{top: 0px;}
  50%{top: -15px;}
  100%{top: 0px;}
}

#uprectangle {
  position: relative;
  animation: mymoveup 5s infinite;
}

@keyframes mymoveup {
  0%{top: 0px;}
  50%{top:15px;}
  100%{top: 0px;}
}

#button{
  position: relative;
  top: -1300px;
  left: 0px;
}