/* CSS files add styling rules to your content */

body {
  font-family: "Benton Sans", "Helvetica Neue", helvetica, arial, sans-serif;
  margin: 2em;
  background-color: purple;
  display: flex;
  flex-flow: column nowrap;
}

li {
  
}

h1 {
  font-size:3em;
  color: pink;
    text-shadow: 4px 4px 5px red;
}

a {
  color:yellow;
  font-size:3em;
  text-shadow:4px 4px 5px black;
}

p {
  color:pink;
  font-size:3em;
  text-shadow:4px 4px 5px red;
  
   

}

h2 {
  color:pink;
  font-size:3rem;
  text-shadow:4px 4px 5px red;
  font-style:italic;
 
}    

h3 {
  color:yellow;
  font-size:2em;
  text-shadow:5px 5px 5px black;
}

h4 {
  color:green;
  font-size:3em;
    text-shadow: 4px 4px 5px blue; 
}
  h5 {
    color:Yellow;
      font-size:2em;
    text-shadow:5px 5px 5px:black;
  }

iframe {
  border:8px outset green;
  outline:10px inset blue;
  animation: polse 1.0s ease-in-out infinite alternate both;
}

@keyframes polse {
  0% {
    border-color:green;
    outline-color:blue;
  }
  
  100% {
    border-color:blue;
    outline-color:green;
  }
}

form {
  padding:0;
  align-self: flex-start;
  border:8px outset blue;
outline:10px inset green;
    animation: polse 1.0s ease-in-out infinite alternate both;

}

input{
  margin-right:0px;
}

l1{
  color:orange;
  font-size:3em;
  text-shadow:4px 4px 5px black;
  display: block;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

l2 {
  color:orange;
  font-size:2em;
  text-shadow:4px 4px 5px black;
  display: block;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
} 

l3 {
  color:orange;
  font-size:3em;
  text-shadow:4px 4px 5px black;
  font-weight: bold;
}