h1 {
  font-family: "Galada", cursive;
}

#greeting {
  padding-top: 12px;
}

nav {
  color: white;
  background-color: black;
}
nav .navbar-brand img {
  width: 50px;
  height: auto;
}
nav .navbar-nav a {
  color: white;
}
nav .navbar-nav a:hover {
  color: #f582f5;
  text-decoration: underline;
}

#landing {
  height: 600px;
}
#landing #landingimg img {
  width: 450px;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#intro,
#about,
#skills,
#websites,
#photo {
  background-color: black;
}
#intro img,
#about img,
#skills img,
#websites img,
#photo img {
  height: 300px;
  border-radius: 50px;
  padding: 10px;
}
#intro h1, #intro h2, #intro h3, #intro h4, #intro h5,
#about h1,
#about h2,
#about h3,
#about h4,
#about h5,
#skills h1,
#skills h2,
#skills h3,
#skills h4,
#skills h5,
#websites h1,
#websites h2,
#websites h3,
#websites h4,
#websites h5,
#photo h1,
#photo h2,
#photo h3,
#photo h4,
#photo h5 {
  color: #f582f5;
}
#intro p,
#about p,
#skills p,
#websites p,
#photo p {
  color: white;
}

#photo img {
  height: auto;
}

footer {
  background-color: black;
}
footer img {
  width: 75px;
  height: auto;
}
footer h5 {
  color: #f582f5;
}

#myBtn {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Fixed/sticky position */
  bottom: 20px;
  /* Place the button at the bottom of the page */
  right: 60px;
  /* Place the button 30px from the right */
  z-index: 99;
  /* Make sure it does not overlap */
  border: 5px black solid;
  /* Remove borders */
  outline: none;
  /* Remove outline */
  background-color: #f582f5;
  /* Set a background color */
  color: black;
  /* Text color */
  cursor: pointer;
  /* Add a mouse pointer on hover */
  padding: 15px;
  /* Some padding */
  border-radius: 50px;
  /* Rounded corners */
  font-size: 18px;
  /* Increase font size */
}

#myBtn:hover {
  background-color: #555;
  color: white;
  /* Add a dark-grey background on hover */
}

@media only screen and (min-width: 800px) {
  #KLQR {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  #landing {
    height: 450px;
    padding: 0;
    margin: 0;
  }
  #landing #landingimg img {
    padding: 0;
    margin: 0;
    width: 325px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
#KLQR {
  width: 50%;
  height: auto;
}

@media only screen and (max-width: 450px) {
  #landing {
    height: 250px;
    padding: 0;
    margin: 0;
  }
  #landing #landingimg img {
    padding: 0;
    margin: 0;
    width: 175px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}/*# sourceMappingURL=style.css.map */