h1 {
    color: red;
}
p, li{
    color: green;
}

li{
    list-style-type: square;
}

.special{
    color: orange;
    font-weight: bold;
}

h1 + p {
    font-size: 200%;
  }

  p span {
      color:red;
  }

  a:hover {
      text-decoration: none;
  }
  a:link {
      color: violet;
  }
  a:visited {
    color: green;
}

.outer {
    border: 5px solid black;
  }
  
  .box {
    padding: 10px;
    width: calc(90% - 30px);
    background-color: rebeccapurple;
    color: white;
  }

  .boxes{
      margin: 20px;
      width: 100px;
      height: 100px;
      background-color: hotpink;
      transform: rotate(0.3turn);
      border: 3px solid black;
  }

  body {
    background:white url(/img/bg-graphic.png) 20px 20px repeat-x fixed;
  }
  
  @media (min-width: 80em) {
    body {
      background-color: wheat;
    }
  }