/*-- POLAROIDS --*/
  .polaroid1{
      z-index: 2;
      position: relative;
      transform: rotate(-3deg);
      margin-top: -25px;
      margin-left: -900px;
      border-radius: 2px;
    }
  .polaroid1in{
      z-index: 1;
      position: relative;
      transform: rotate(-4deg);
      margin-top: -200px;
      margin-left: -900px;
      border-radius: 2px;
    }
  .polaroid2{
      z-index: 4;
      position: relative;
      transform: rotate(20deg);
      margin-top: -45px;
      margin-left: -750px;
      border-radius: 2px;
    }
  .polaroid2in{
      z-index: 3;
      position: relative;
      transform: rotate(20deg);
      margin-top: -200px;
      margin-left: -749px;
      border-radius: 2px;
    }
  .polaroid3{
      z-index: 6;
      position: relative;
      transform: rotate(-5deg);
      margin-top: 50px;
      margin-left: -850px;
      border-radius: 2px;
    }
  .polaroid3in{
      z-index: 5;
      position: relative;
      transform: rotate(-7deg);
      margin-top: -200px;
      margin-left: -850px;
      border-radius: 2px;
    }

 /*-- SEASON+MOON --*/
    .season{
      z-index: 8;
      position: relative;
      width: 250px;
      height: 160px; 
      transform: rotate(-3.5deg);
      margin-top: -690px;
      margin-left: -155px;
      border-radius: 2px;
    }
    .cycle{
      z-index: 8;
      position: relative;
      width: 200px;
      height: 300px; 
      transform: rotate(1deg);
      margin-top: -440px;
      margin-left: 510px;
      border-radius: 2px;
    }
    
 /*-- BLINKIE --*/
    .blinkie{
      z-index: 8;
      position: relative;
      width: 465px;
      height: 80px; 
      margin-top: 13px;
      margin-left: -600px;
      border-radius: 2px;
    }

 /*-- UPDATE --*/
    .update{
      z-index: 8;
      position: relative;
      width: 160px;
      height: 160px; 
      transform: rotate(2deg);
      margin-top: -565px;
      margin-left: -390px;
      border-radius: 2px;
      overflow-y: auto;
    }

 /*-- DECO --*/
 .star1{
      z-index: -5;
      image-rendering: pixelated;
      animation: spin 10s linear infinite;
      }
      @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
      @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
      @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); }
      }
    .star2{
      z-index: -5;
      image-rendering: pixelated;
      animation: spin 20s linear infinite;
      }
      @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
      @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
      @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); }
      }