@font-face { font-family: Raleway; src: url('Raleway-Thin.ttf'); }
@font-face { font-family: Bitter; src: url('Bitter-VariableFont_wght.ttf'); }

body {
  background-color: black;
  margin-top: 0%;
}

a{
  color: pink;
}

.header  {
  height: 4em;
  width: 100%;
  margin-bottom: 0%;
}

#title {
  color: white;
  font-family: Raleway;
  font-size: 50px;
  text-align: center;
}


img {
  width: 300px;
  margin-left: 50%;
}

#wattpad {
  margin-right: 0%;
  font-family: Bitter;
  font-size: 20px;
  color: white;
  margin-left: 10%;
  margin-top: 5%;
}

#contact {
  margin-right: 0%;
  font-family: Bitter;
  font-size: 20px;
  color: white;
  margin-left: 10%;
}

#insta {
  margin-right: 0%;
  font-family: Bitter;
  font-size: 20px;
  color: white;
  margin-left: 10%;
}

#amazon {
  margin-right: 0%;
  font-family: Bitter;
  font-size: 40px;
  color: white;
  margin-left: 10%;
}

.container {
  margin-top: 0%;
  height: 700px;
  width: 100%;
}

.container-l {
  height: 700px;
  width: 50%;
  float: left;

}

.container-r {
  height: 700px;
  width: 50%;
  float: right;

}