@import url('https://fonts.googleapis.com/css?family=Charm');

#bhvrStudentName {
    font-weight: bolder
}

#quote,
#source,
#weather-cast,
#weather-moon {
    font-family: 'Charm', cursive;
}

#moon-phase {
    font-size: 16pt;
}

#weather-cast,
#weather-moon {
    text-align: center;
}

#weather-cast {
    font-size: 14pt;
}

#source {
    text-align: center; 
}

.media-body {
    padding-top: 10px;
}

.moonPhoto {
    border: 5px solid #da3180;
    max-width: 100%;
    height: auto;
} 

.small-font {
    font-size: 10px;
}

/* Sets the max height and width of charts in carousel */
.carousel-inner {
    max-width: 400px !important;
    max-height: 400px !important;
}

/* Changes the styling of the carousel arrow icons so that they will be visible */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 100px;
  width: 100px;
  outline: black;
  background-size: 100%, 100%;
  border-radius: 50%;
  border: 1px solid black;
  background-image: none;
}

.carousel-control-next-icon:after
{
  content: '>';
  font-size: 55px;
  color: black;
}

.carousel-control-prev-icon:after {
  content: '<';
  font-size: 55px;
  color: black;
}