html {
    font-size: 20px;
    line-height: 1.6;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  }

  body {
  background-color: #89899a;
  background-image:  linear-gradient(30deg, #1822e8 12%, transparent 12.5%, transparent 87%, #1822e8 87.5%, #1822e8), linear-gradient(150deg, #1822e8 12%, transparent 12.5%, transparent 87%, #1822e8 87.5%, #1822e8), linear-gradient(30deg, #1822e8 12%, transparent 12.5%, transparent 87%, #1822e8 87.5%, #1822e8), linear-gradient(150deg, #1822e8 12%, transparent 12.5%, transparent 87%, #1822e8 87.5%, #1822e8), linear-gradient(60deg, #1822e877 25%, transparent 25.5%, transparent 75%, #1822e877 75%, #1822e877), linear-gradient(60deg, #1822e877 25%, transparent 25.5%, transparent 75%, #1822e877 75%, #1822e877);
  background-size: 20px 35px;
  background-position: 0 0, 0 0, 10px 18px, 10px 18px, 0 0, 10px 18px;
}


.container {
  position: relative;
  display: flex;
  flex-direction: row;
  background-color: black;
}
  

.btnLinks {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-end safe;
  align-items: baseline;
}

.logoDiv {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start safe;
  align-items: baseline;
  margin-left: -21%;
}


  .navbar {
    background-color: black;
    width: 125%;
  }

  #btnSearch {
    display: block;
    width: 25%;
    margin-left: 45%;
    background-color: lightcoral;
    font-family: 'Indie Flower', cursive;
    border-style: ridge;
    border-width: 0.25em;
    border-color: lightseagreen;
  }

  #btnSearch:hover {
    opacity: 0.7;
  }

  .jumboText {
    font-family: 'Indie Flower', cursive;
    color: whitesmoke;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 17.5%;
    width: 100%;
  }


.btn:hover {
  opacity: 0.7;
}

.btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  color: lightcoral;
  background-color: white;
  width: 33%;
  font-family: 'Indie Flower', cursive;
  font-size: 130%;
  right: -65%;
  column-gap: 1%;
  margin: 1%;
}

.out {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-left: 32%;
  width: 50%;
  margin-bottom: 5%;
  margin-top: -13%;
}

.lead {
  margin-left: 4%;
}