body {
    background-attachment: fixed;
    background-image: url(https://i.pinimg.com/736x/98/7f/e2/987fe28d28a8dae9b335ffc52f92df38.jpg);
    background-size:100% 100%;
    
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}

  a:link {
  background-color: transparent;
  text-decoration: none;
  display: inline-block;
transition: .2s ease;
color: black;

}

a:visited {
  color: black;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: white;
  background-color: transparent;
  text-decoration: underline;
  transform: translateY(-20%);
}

a:active {
  color: black;
  background-color: transparent;
  text-decoration: underline;
}

h1 {
    color:black;
text-shadow:
  1px 1px 2px black,
  0 0 1em white,
  0 0 0.2em white;
}

p {
    color:#fb607f;
}



.directory {
    
    color:black;
text-shadow:
  1px 1px 2px black,
  0 0 1em white,
  0 0 0.2em white;
    margin-top:10px;
    margin-left:25%;
    margin-right:25%;
}

.h2 {
    
    color:white;
text-shadow:
  1px 1px 2px pink,
  0 0 1em white,
  0 0 0.2em white;
}

.sidebar {
      display:flex;
      float:left;
      padding:25px;
      color:#fb607f;
      margin-left:10px;
      width: 9.5%;
      height:700px;
      background-color:black;
      border-color:white;
      border-style:double;
    border-width:  7px;

  }
  
.sidebar2 {
      display:flex;
      float:right;
      padding:25px;
      color:#fb607f;
      margin-right:10px;
      width: 9.5%;
      height:700px;
      background-color:black;
      border-color:white;
      border-style:double;
          border-width:  7px;


  }

.main {
    
    margin-left:15%;
    margin-right:15%;
    padding:25px;
    
    border-width:  7px;
    border-style:  double;
    background-color:black;
    border-color:white;
}