/* Bootstrap import, this is for the stretch goal */
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css");

body{
background-image: url("https://www.nasa.gov/sites/default/files/thumbnails/image/main_image_star-forming_region_carina_nircam_final-5mb.jpg");
background-repeat: no-repeat;
background-position: center;
text-align:center;
}
ul
{
  list-style: none;
}

#date
{
  padding: 15px;
}
#page-wrapper
{
  width: 640px;
  background: white;
  padding: 1em;
  margin: 1em auto;
  border-top: 5px solid #D16002;
  box-shadow: 0 2px 10px rgba(0,0,0,0.8)
}

.carousel-item
{
  border-radius: 8%;
}

.carousel-control-prev, .carousel-control-next
{
  filter: invert(100%);
  opacity: 1;
}

.carousel-control-prev:hover, .carousel-control-next:hover
{
  filter: invert(0%);
}

#dateInput
{
  margin: 10px;
}