/* css reset rule */ 

*{
    margin: 0; padding: 0; border: 0; box-sizing: border-box;
}
body {
    background-color:rgb(255, 255, 255);
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(200, 200, 200, 0.5)), url(../images/vaporwave.jpg);
  background-size: cover;
    min-height: 200vh;
}
figure.Tristen-Photo {
    border: 2px solid rgb(255, 140, 0);
    position: absolute; top: 0; left: 0;
    width:250px; height: 250px;
    background-image: url(../images/me.jpg);
    background-size: cover;
    border-radius: 50%;
}
body{
    background-color: hsla(200,80%,80%,1);
    color: hsla(200,80%,98%,1);
    font-family: 'Dosis', sans-serif;
}
header{ 
    height: 250px;
    background-image:linear-gradient(to left, hsla(200,100%,1%,.9)40%,  hsla(200,100%,1%,0)),url(../images/splash.jpg);
    background-size: 100%, 120%;
    background-repeat: no-repeat;
    background-position: right center, center center;
    transform: scaleX(-1);
    display: flex;
    justify-content: right;
    color: white;
}
h1{
    font-size: 4rem;
    transform: scaleX(-1);
    padding-left: 30%;
    align-self: center;
    position: center; bottom: 0; left: 0;
    font-family: 'Pangolin', cursive;
}

  ul {
    list-style: none;
  }
  .main_navigation a{
    text-align: center;
    color: white;
    font-family: 'Pangolin', cursive;
    font-size: 24px;
  }
  .main_navigation a:hover{
    color:aqua;
  }