.tomorrow-thin {
  font-family: "Tomorrow", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.tomorrow-extralight {
  font-family: "Tomorrow", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.tomorrow-light {
  font-family: "Tomorrow", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.tomorrow-regular {
  font-family: "Tomorrow", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.tomorrow-medium {
  font-family: "Tomorrow", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.tomorrow-semibold {
  font-family: "Tomorrow", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.tomorrow-bold {
  font-family: "Tomorrow", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.tomorrow-extrabold {
  font-family: "Tomorrow", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.tomorrow-black {
  font-family: "Tomorrow", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.tomorrow-thin-italic {
  font-family: "Tomorrow", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.tomorrow-extralight-italic {
  font-family: "Tomorrow", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.tomorrow-light-italic {
  font-family: "Tomorrow", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.tomorrow-regular-italic {
  font-family: "Tomorrow", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.tomorrow-medium-italic {
  font-family: "Tomorrow", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.tomorrow-semibold-italic {
  font-family: "Tomorrow", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.tomorrow-bold-italic {
  font-family: "Tomorrow", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.tomorrow-extrabold-italic {
  font-family: "Tomorrow", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.tomorrow-black-italic {
  font-family: "Tomorrow", sans-serif;
  font-weight: 900;
  font-style: italic;
}


body {
    background-image: url('photos/aboutmeback.png');
    color: white;
}

.main {
  font-family: "Tomorrow";
  background: #26263d;
  color: white;
  margin: auto;
  width: 830px;
  height: 1020px;
  border: 2px #00ffff solid;
  border-radius: 10px; 
  text-align: center;
  box-shadow: 0px 0px 16px 12px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 1);
  
}

.logomain {
  background: #26263d;
  margin: auto;
  width: 830px;
  height: 150px;
  border: 2px #00ffff solid;
  border-radius: 10px; 
  align-items: center;
  box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 1);
}

.logo {
    text-align: center;
    filter: drop-shadow(4px 4px 6px rgba(47, 156, 219, 0.3));
}

.welcome {
    text-align: center;
    color: white;
    font-family: "Tomorrow";
    line-height: 10px;
    border: 2px #00ffff solid;
    border-radius: 200px;
    background-color: rgb(80, 49, 138);
}

.nav {
  background-color: #50318a;
    width: 680px;
    height: 43px;
    border: 2px #00ffff solid;
    margin: auto;
    border-radius: 4px;

  a {
    margin: auto;
    color: #00ffff;
    font-family: "Tomorrow";
    display: inline-block;
    line-height: 2.4;
    text-decoration: none;
  }

}

.boxven {
  background-color: #50318a;
      width: 680px;
    height: 580px;
    border: 2px #00ffff solid;
    margin: auto;
    border-radius: 4px;
}

.boxn0u {
  background-color: #50318a;
      width: 280px;
    height: 140px;
    border: 2px #00ffff solid;
    margin: auto;
    border-radius: 4px;
}

hr {
    border-color: #00ffff;
}

.textind {
    color: #00ffff;
    text-align: center;
    font-family: "Roboto";
    line-height: 0.01;
}

.me {
    text-align: center;
}

.wisewords {
    text-align: center;
    line-height: 10px;
    
}

.topnav {
  background-color: #50318a;
  overflow: hidden;
}

.topnav a {
  color: #f2f2f2;
  text-align: center;
  padding: 1px 35px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.albumcover {
  float: left;           /* Pushes image left, pulls text to the right */
  margin-right: 15px;    /* Prevents the text from touching the image */
  margin-bottom: 10px;   /* Space below the image if text wraps under */
  width: 150px;
  padding-left: 20px;
}

.reviewtext {
  padding-left: 5px;
  padding-right: 5px;
}

p {
  font-size: 18px;
}

ul {
  font-size: 18px;
}

.pepsi {
  float: right;

  margin: 0px 0px 15px 20px;
}