.header {
  padding: 0.1px;
  width: 340px;
  height: 70px;
  margin-right: 500px;
  text-align: center;
  background: #ff0095;
  color: white;
  font-size: 15px;
}
.header {
  border-radius: 20px;
  padding-left: 35px;
}
body {
  background-image: url("https://puppyland.neocities.org/dwn/LE1.png");
   background-repeat: repeat;
  background-attachment: fixed;
  font-family: helvetica;
}
  h1 {
    color: white;
    border: 2px;
    margin: 25px;
  }
     h2 {
    color: #b3002a;
  }
  h3 {
    color: #b3002a;
    border: 5px;
  }
  h4 {
    color: #b3002a;
  }
  p {
    color: #b3002a;
  }
 
.white-div {
  background-color:#ffccea;
  padding:15px;
}
.white-div {
  border-style:ridge;
  border-radius: 15px 50px;
  border-width: 5px;
  border-color: #e70068;
}
.white-div a:hover {
  color: white
}
.white-div a:color, a:visited, a:focus, a:active {
  color: #b3002a
}

.sidenav {
  margin: 10% 84% 4% 1%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  overflow-x: hidden;
    padding:1%;
}

.sidenav a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 20px;
  color: #b3002a;
  display: block;
}

.sidenav a:hover {
  color: #f1f1f1;
}
.sidenavb {
  background-color:#ffccea;
  padding:2px;
}
.sidenavb {
  border-style:ridge;
  border-radius: 10px 50px;
  border-width: 5px;
  border-color: #e70068;
}
 .sidenavb a:link {
  text-decoration: none;
}

 .sidenavb a:visited {
  text-decoration: none;
}

 .sidenavb a:hover {
  text-decoration: none;
}

 .sidenavb a:active {
  text-decoration: none;
}
.sidenavb a:hover {
  color: white
}
.sidenavb a:color, a:visited, a:focus, a:active {
  color: #b3002a
}
/* Style page content */
.main {
  margin: 0% 16% 0% 16%;
  position: static;
  padding: 0.1%;
  float: right;
}

.main a:link {
  color: #b3002a
}
.main a:hover {
  color: white
}
  .main a:active {
  color: #b3002a
  }
.main a:color {
  color: #b3002a
  }
.main a:visited {
  color: #940040
  }
.main a:focus {
  color: #b3002a
  }
  

.sidenavr {
  width: 180px; 
  position: absolute;
  float: right;
  z-index: 1;
  top: 0;
  overflow-x: hidden;
  padding-top: 150px;
}

.sidenavr a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 20px;
  color: #b3002a;
  display: block;
}

.sidenavr a:hover {
  color: #f1f1f1;
}
.sidenavr {
  margin: 10% 1% 5% 84%;
  position: absolute;
  padding:1%;
}

.column {
  float: left;
  width: 33.33%;
}
.row::after {
  content: "";
  clear: both;
  display: table;
} 

.footer {
  position: relative;
  margin-top: 400px;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #ffccea;
  text-align: center;
}

.footerl {
  position: relative;
  margin: 100% 100% 0% 0%;
  background-color: #ffccea;
  width: 100%;
  text-align: center;
}