body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            margin: 10;
            padding: 0;
        }
        header, nav {
            background-color: bluesky;
            text-align: center;
        }
        .article {
            border: 1px solid #ddd;
           
        }
        h2{
        margin:3%;}
        
        section { 
        margin: 10px;
        }
      p { 
        margin: 10px;
        }
        nav button {
  display: block;
  margin-left: 0;
  margin-right:auto;
}
      section button {
      display: block;
      margin-left: auto;
  margin-right:2%;
  margin-bottom: 2%;
  magin-top: auto;
      }
        footer {
            background-color:  black;
            color: black}
        
       .button{
       background-color: white;
       color: white}
       .arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.left {transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}