body {
        background-color: white;
        margin: 0;
        padding: 0;
      }
      .container {
        height: 95vh;
        width: 95%;
        margin: 20px auto;
        /*! border: 2px solid #fcfefc; */
        /*! box-shadow: 0 0 5px #9be1be; */
      }
      .fullscreen {
        background-color: #333;
      }
      h1 {
        font-size: 1.5em;
        color: red;
      }
      h2 {
        font-size: 1.2em;
        color: blue;
      }
      .examples div {
    position: relative;
    font-size: 20px;
    margin-left: 2em;
    
    display: block;
    float: right;
    /*! margin-bottom: 0px; */

    padding-top: 2.0em;
}
    
      .examples a {
        color: #ccc;
        text-decoration: none;
        padding: 0 10px;
      }
      .examples a:hover {
        color: #fff;
      }
	  h2{
		margin-bottom: 0px;
		margin-top: 0px;
	  }
	.newsticker { 
  background-color:#fcfcfc99;
  width:350px;
  height:250px;
  overflow:hidden;
  padding:0.9em;
  /*! font-family:Helvetica; */
  /*! float: left; */
  /*! margin-left: 10px; */
}
.newsticker .mask {
  position: relative;
  left: 0px;
  top: 10px;
  width:350px;
  height:250px;
  overflow: hidden;
}
.newsticker ul {
  list-style:none;
  margin:0;
  padding:0;
  position: relative;
}
.newsticker ul li {
  padding:10px 0px;
}
.newsticker ul li a {
  color:darkred;
  text-decoration:none;
}
.newsticker ul li p{
  color: black;
  font-size: 1.1em;
}
#title_card{
      display: flex;  
      /*! justify-content: space-between; */
      align-items: center;
      background-color: white;
      height: auto;
      flex-wrap: wrap;
      margin-bottom: 2.0em;
}
#mood_img{
        width: 47%;
        height: auto;
}
@media all and (max-width: 1112px) {
 #mood_img {
   width:60%;
   }
}
@media all and (max-width: 800px) {
 #mood_img {
   width:90%;
   }
}