@charset "UTF-8";

body {
  position:absolute;
    background-color: lightblue;
    transition:background-color 500ms ease-in 0ms;
    cursor:ew-resize;
    width: 100%;
    height: 100%;

    
  }
  @media screen and (min-width: 300px) {
      body {background-color: rgb(217, 7, 115); }
    }
    @media screen and (min-width: 350px) {
      body {background-color: rgb(255, 0, 0); }
    }
@media screen and (min-width: 400px) {
    body {background-color: rgba(193, 32, 8, 0.766); }
  }
  @media screen and (min-width: 450px) {
    body {background-color: rgb(225, 65, 7); }
  }
  @media screen and (min-width: 500px) {
    body {background-color: rgb(252, 111, 3); }
  }
  @media screen and (min-width: 550px) {
    body {background-color: rgb(252, 148, 3); }
  }
@media screen and (min-width: 600px) {
  body {background-color: rgb(253, 199, 4); }
}
@media screen and (min-width: 650px) {
  body {background-color: rgb(221, 254, 3); }
}

@media screen and (min-width: 700px) {
  body 
    {background-color:rgb(183, 227, 9);}
}
@media screen and (min-width: 750px) {
  body 
    {background-color:rgb(145, 247, 2);}
}
@media screen and (min-width: 800px) {
    body 
      {background-color:rgb(2, 247, 22);}
  }
  @media screen and (min-width: 850px) {
    body 
      {background-color:rgb(2, 247, 153);}
  }

@media screen and (min-width: 900px) {
  body {
    background-color: rgb(3, 228, 168);
    
  }
}
@media screen and (min-width: 950px) {
  body {
    background-color: rgb(4, 213, 255);
    
  }
}
@media screen and (min-width: 1000px) {
    body {
      background-color: rgb(3, 154, 255);
      
    }
  }
  @media screen and (min-width: 1150px) {
    body {
      background-color: rgb(8, 107, 255);
      
    }
  }
  @media screen and (min-width: 1100px) {
    body {
      background-color: rgb(37, 4, 255);
      
    }
  }
  @media screen and (min-width: 1150px) {
    body {
      background-color: rgb(138, 4, 255);
      
    }
  }
  @media screen and (min-width: 1200px) {
    body {
      background-color: rgb(200, 0, 255);
      
    }
  }
  @media screen and (min-width: 1250px) {
    body {
      background-color: rgb(238, 0, 255);
      
    }
  }

@media screen and (min-width: 1300px) {
  body {
    background-color: rgb(199, 0, 133);
    
  }
}
@media screen and (min-width: 1350px) {
    body {
      background-color: rgb(255, 0, 128);
      
    }
  }
  @media screen and (min-width: 1400px) {
    body {
      background-color: rgb(255, 0, 60);
      
    }
  }
@media screen and (min-width: 1450px) {
    body {background-color: rgb(217, 7, 7); }
  }
  @media screen and (min-width: 1500px) {
    body {background-color: rgb(217, 56, 7); }
  }

  h1{
    font-family:'Courier New', Courier, monospace
  }
h1{color: antiquewhite;}
h1{text-align: center;}

p{font-family: 'Courier New', Courier, monospace}
p{font-style: italic;}
p{color: antiquewhite;}
p{text-align: center;}