/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body
.paw{
  font-size:60px;
  animation:movePaw 5s linear infinite
}
@keyframes movePaw{
  0%{left: -5opx;}
  00%{left:100px;}
}

body{
  text-align:center;
  p{
    border:4px solid gold;
    padding:10px
  }
  ul{
    font-size:24px;
    border:3px dashed maroon
  }
}
.image border{
  border:6px soild green;
}

h1{
  font-size:40x;
}
ul{
  text-align:center;
}
p:nth-child(2){
  font-size:30px;
  border: 3px green;
  padding:10px
}
}
p:nth-of-type(3){
  font-size:30px;
}
p{
  font-size:25px;
}
body{
  animation:blink 2s infinite
    
}
@keyframes blink{
  0%{background-color:#ff69b4;}
  50%{background-color:#ffb6c1;}
  100%{background-color:#ff69b4;}
}
body{ 
  font-family: Arial, sans-seif;
}
h1{
  color:purple;
}

p{
  color:blue;
}
section{
  padding:20px;
}
h1{
  border: 5px dashed red;
  padding:15px;
  animation:blink 1s infinite
}
.small-dog{
  width:90px;
  height:auto;
}
figcaption{
  textalign:center
}
h6{
  .big-gif
  width:200px;
}
h7{
  margin-bottom:20px;
  display:block;
}
img{
  width:300px;
}
img{
  border: 10px solid red;
}
h4{
  font-size:20px;
}
h5{
  font-size:20px;
  font-weght:bold;
  font-family:pacifico;
}
h6{
  font-size:20px;
    font-weight:bold;
  font-family:pacifico;
}
h7{
  font-size:20px;
    font-weight:bold;
  font-family:pacifico;
}
h8{
  display:block;
  font-size:20px;
    font-weight:bold;
  margin-bottom:20px;
}