body {
  background-image: url(/images/yuribg.jpg);
  background-size: cover;
}

#headbanner {
  display: flex;
  justify-content: center;
  position: relative
}

#bannerimg {
  height:200px;
  width:900px;
}

#pagetitle {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 40px;
}

#nav_bar {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 210px;
}

#border2 {
  width:900px;
  height:50px;
}

#nav_list {
  display: flex;
  justify-content: flex-start;
  position:absolute;
  gap: 100px;
  top:210px;
}

li {
  list-style-type: none;
  font-weight: 900;
  color: #ffffff;
  text-shadow:
      -2px -2px 0 #000,
      2px -2px 0 #000,
      -2px 2px 0 #000,
      2px 2px 0 #000,
      -3px 0px 0 #000,
      3px 0px 0 #000,
      0px -3px 0 #000,
      0px 3px 0 #000;
}

#yuripic1 {
  position:absolute;
  padding: 20px;
  width:200px;
  height: 200px;
}

#yuripic2 {
  position:absolute;
  padding: 20px;
  width:200px;
  height: 200px;
  right:10px;
}

#page_grid {
  display: grid;
  grid-template-columns: auto auto auto;
  background-color: dodgerblue;
  padding: 10px;
}