h1 {color:blue; text-align: center;} h2 {color:Black;}
.Background {
  padding: 1em;
  background-color: Lavender;
  margin-top: 50px;
  position: relative; 
  min-height: 400vh;
  /* Locks the minimum height */
}
.Header{
  margin-left: 450px;
}
.Text{
  margin-left: 80px;
  font-size: 30px;
  font-weight: bold;
  color: DarkGreen;
  text-transform: none;
  font-family: "Lucida Console", "Courier New", monospace;
  
}
.LargeText{
  margin-left: 45px;
  font-size: 60px;
  font-weight: bold;
  color: DarkGreen;
  text-transform: none;
  font-family: "Times New Roman", Times, serif;
  width: 650px;
  height: 80px;
  background-color: yellow;
  transform: rotate(15deg);
  margin-left: 475px;
  
  
  
  
  /* adjusts the text to be smaller and further right  */
}
@keyframes myAnimation {
  0%   {background-color:red; left:0px; top:0px;}
  15%  {background-color:orange; left:100px; top:0px;}
  30%  {background-color:yellow; left:200px; top:0px;}
  45%  {background-color:lightblue; left:200px; top:100px;}
  60%  {background-color:blue; left:200px; top:200px;}
  75%  {background-color:green; left:100px; top:200px;}
  90%  {background-color:purple; left:0px; top:200px;}
  100% {background-color:red; left:0px; top:0px;}
}

.myAnimation{
  width: 100px;
  height: 100px;
  position: relative;
  background-color: red;
  animation-name: myAnimation;
  animation-duration: 5s;
  animation-iteration-count: 50;
  margin-left: 600px;
  font-size: 30px;
  font-weight: bold;
  color: white;
  text-transform: none;
  font-family: "Lucida Handwriting", Cursive;
}
.Email {
   position: absolute;
  bottom: 0;
  left: 10;
  /* Forces the text to the bottom of the page */
 
}
.box {
  border-style: solid;
  margin-left: 300px;
  border-width: 1px;
  display: block;
  width: 250px;
  height: 850px;
  background-color: orange;
  transition:
    width 2.5s,
    height 2.5s,
    background-color 2s,
    rotate 2s;
}

.box:hover {
  background-color: #ffcccc;
  width: 800px;
  height: 400px;
  rotate: 360deg;
  filter: drop-shadow(20px 20px 20px pink);
  margin-top: -40px;
  
  
 
}
.Image{
  text-align: center; 
  margin-top: 100px;
  margin-bottom: 150px;
  transition: transform 2s ease;
  
}
.Image:hover {
  
  transform: scale(1.6);
  filter: drop-shadow(20px 20px 20px pink);
  
  
  
 
}
a:link {
  color: blue; /* Unvisited link */
}
a:visited {
  color: purple; /* Visited link */
}
  ul {
  list-style-image: url('data:image/png;base64,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');
}
/* Inputs the url to the icon */

figure {
  border: 2px #cccccc solid;
  padding: 10px;
  margin: auto;
}

figcaption {
  background-color: black;
  color: white;
  font-style: italic;
  padding: 2px;
  text-align: center;
}