html{
    background-image:url("https://d2w9rnfcy7mm78.cloudfront.net/32514141/original_b01754b762b7e4c5e3bd43d84a7f9f09.png?1732573632?bc=0");
   
   
  }
  
  
  .toonervous{
    display:flex;
    gap:100px;
    justify-content:center;
  
     }
     button{
    border:none;
    color:#dc9dd6;
    opacity:.6;
    font-size:20px;
    box-shadow: 5px 4px 3px #c671c5;
    margin-top:800px;
    z-index:2000;
  }
  
  
  
  
  
  
  p{
    font-family: helvetica;
    font-size:60px;
    margin-top:-8px;
  }
  #mydiv {
    position:absolute;
    height:400px;
    width:600px;
    left:310px;
    top:50px;
    background-image:url("https://d2w9rnfcy7mm78.cloudfront.net/32728977/original_0bee6ade7888afb38c45411b82c6ed82.png?1733290672?bc=0");
  
    opacity:.65;
      color:#f6efe8;
    transform:rotate(10deg);
      margin-top:60px;
   
  
  }
  #mydiv2 {
    position:absolute;
    height:400px;
    width:600px;
    left:400px;
    top:70px;
    background-image:url("https://d2w9rnfcy7mm78.cloudfront.net/32630652/original_3c47997a4658cb35fb60d1872346d9bf.png?1732982482?bc=0");
  
    opacity:.7;
    color:#d4d233;
     transform:rotate(-9deg);
      margin-top:100px;
    animation: myAnim5 1.5s ease 15s 1 alternate forwards;
    animation-fill-mode:both;
  }
   @keyframes myAnim5 {
        0% {
          transform: translateX(0)}
      100% {
            transform: translateX(-320px) 
     }
    
  
  }
  #mydiv3 {
    position:absolute;
    height:400px;
    width:600px;
    left:630px;
    top:120px;
    transform:rotate(15deg);
    background-image:url("https://d2w9rnfcy7mm78.cloudfront.net/32630973/original_05b31c2f860fec4ec3ec90c4e9113132.png?1732983557?bc=0");
   
    opacity:.7;
    color:#7676de;
    
  animation: myAnim4 1.5s ease 12s 1 alternate forwards;
    animation-fill-mode:both;
  }
   @keyframes myAnim4 {
        0% {
          transform: translateX(0)}
      100% {
            transform: translateX(190px) translateY(-100px);
     }
    
  }
  #mydiv4 {
    position:absolute;
    height:400px;
    width:600px;
   top:280px;
    left:260px;
    background-image:url("https://d2w9rnfcy7mm78.cloudfront.net/32631212/original_69d57412a296091fb40c3f70e6ce232c.png?1732983983?bc=0");
  
    opacity:.7;
    color:#ee905c;
     transform:rotate(-5deg);
    animation: myAnim3 1.5s ease 9s 1 alternate forwards;
    animation-fill-mode:both;
  }
   @keyframes myAnim3 {
        0% {
          transform: translateX(0)}
      100% {
            transform: translateX(-200px) translateY(200px);
     }
    
  
  }
  #mydiv5 {
    position:absolute;
    height:400px;
    width:600px;
   top:300px;
    left:300px;
    background-image:url("https://d2w9rnfcy7mm78.cloudfront.net/32632390/original_752d9eed9143dbd45194e1999a9ebf52.png?1732986563?bc=0");
  
    opacity:.8;
    color:#2cd2d4;
     transform:rotate(1deg);
    animation: myAnim2 1.5s ease 7s 1 alternate forwards;
    animation-fill-mode:both;
  }
   @keyframes myAnim2 {
        0% {
          transform: translateX(0)}
      100% {
            transform: translateX(-330px) translateY(-250px);
     }
    
  
  }
  
  #mydiv6 {
    position:absolute;
    height:400px;
    width:600px;
   top:200px;
    left:370px;
    background-image:url("https://d2w9rnfcy7mm78.cloudfront.net/32729074/original_ea15bab718142e8e86b073a8ca042988.png?1733291094?bc=0");
  
    opacity:.75;
    color:#95cd71;
     transform:rotate(8deg);
      animation: myAnim 1.5s ease 4s 1 alternate forwards;
    animation-fill-mode:both;
  }
   @keyframes myAnim {
        0% {
          transform: translateX(0)}
      100% {
            transform: translateX(390px) translateY(190px);
     }
    
    }