body {
    display: flex;
    justify-content: center;
    align-items: center;
}

.app {
    border: 20px solid black;
    height: 450px;
    width: 300px;
    overflow: auto;
    border-radius: 25px;
    padding: 20px;
    background-image: url(https://wallpaperaccess.com/full/790994.jpg);
    background-repeat: no-repeat;
    background-size: 335px 495px; 
  }

  #contents {
    background-color: gainsboro;
    border-radius: 15px;
  }

  #ulcondesc {
    display: flex;
    justify-content: center;
  }

  .pro {
    height: 50px;
    margin-right: 20px;
  }

  .pro1 {
    margin-left: 20px;
    margin-bottom: 5px;
  }

  .pro2 {
    margin-left: 20px;
    margin-bottom: 5px;
  }

  .pro3 {
    margin-left: 20px;
    margin-bottom: 5px;
  }

  .pro4 {
    margin-left: 20px;
    margin-bottom: 5px;
  }

  .pro5 {
    margin-left: 20px;
    margin-bottom: 5px;
  }

  #imgdesc {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 8.5px;
  }

  #imgdesc1 {
    margin-bottom: 7px;
    display: flex;
  }

  #imgdesc2 {
    margin-bottom: 7px;
    display: flex;
  }

  #imgdesc3 {
    margin-bottom: 7px;
    display: flex;
  }

  #imgdesc4 {
    margin-bottom: 7px;
    display: flex;
  }

  #imgdesc5 {
    display: flex;
  }

  #content-title {
    text-align: center;
    font-size: 22.5px;
    margin-bottom: 35px;
  }

  li {
    text-align: justify;
  }

  #srch {
    text-align: center;
  }

  #prgm {
    text-align: center;
  }

  #schl {
    text-align: center;
  }

  #news {
    text-align: center;
  }

  #rare {
    text-align: center;
  }

  * {
    font-family: Arial, Helvetica, sans-serif;
  }
  
  .header {
    text-align: center;
    font-size: 42.5px;
  }

  .container {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: space-around;
  }

  .ulsrch {
    list-style-type: none;
    display: flex;
    flex-direction: column;
  }

  .ulprgm {
    list-style-type: none;
    display: flex;
    flex-direction: column;
  }

  .ulschl {
    list-style-type: none;
    display: flex;
    flex-direction: column;
  }

  .ulnews {
    list-style-type: none;
    display: flex;
    flex-direction: column;
  }

  .ulrare {
    list-style-type: none;
    display: flex;
    flex-direction: column;
  }

  div#child {
    padding: 8px; 
    background-color: lightgrey;
    border-radius: 10px;
    margin-top: 7.5px;
    opacity: 1.0;
  }

  div#child2 {
    background-color: lightgrey;
    border-radius: 10px;
    margin-top: 7.5px;
    opacity: 1.0;
    padding-left: 12px;
  }