html {
}

body {
}
#header {
	background-color: #FFF;
}
#footer {
    font-size: 11px;
    color: gray;
    text-align: center;
}
#gfg {
    color: #E00;
    font-weight: bold;
    font-size: 120%;
}
#active_wrapper {
    display: grid;
    grid-template-columns: 2fr 1fr;
    padding: 1em;
    margin: 1px 1em;
    border: 3px solid #008fce;
    border-radius: 10px;
}
#active_wrapper h3 {
    padding-left: 2em;
}
#scroll-container1 {
  border: 3px solid black;
  border-radius: 5px;
  height: 200px;
  margin: 1em;
  padding: 1em;
  overflow: hidden;
  color: #CCC;
  background-color: #111;
}

#scroll-container2 {
  border: 3px solid black;
  border-radius: 5px;
  height: 200px;
  margin: 1em;
  padding: 1em;
  overflow: hidden;
  color: #E00;
  background-color: #EEA;
}

#scroll-text1 {
  height: 100%;
  font-family: monospace;
  font-size: 120%;
  
  /* animation properties */
  -moz-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  
  -moz-animation: my-animation 20s linear infinite;
  -webkit-animation: my-animation 20s linear infinite;
  animation: my-animation 20s linear infinite;
}

#scroll-text2 {
  height: 100%;
  font-family: monospace;
  font-size: 150%;
  
  /* animation properties */
  -moz-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  
  -moz-animation: my-animation 45s linear infinite;
  -webkit-animation: my-animation 45s linear infinite;
  animation: my-animation 45s linear infinite;
}

/* for Firefox */
@-moz-keyframes my-animation {
  from { -moz-transform: translateY(100%); }
  to { -moz-transform: translateY(-100%); }
}

/* for Chrome */
@-webkit-keyframes my-animation {
  from { -webkit-transform: translateY(100%); }
  to { -webkit-transform: translateY(-100%); }
}

@keyframes my-animation {
  from {
    -moz-transform: translateY(1%);
    -webkit-transform: translateY(1%);
    transform: translateY(1%);
  }
  to {
    -moz-transform: translateY(-1000%);
    -webkit-transform: translateY(-1000%);
    transform: translateY(-1000%);
  }
}
.generic_block {
    padding: 1em;
}
.emphatic {
    color: #ffd800;
    background-color: #b42100;
}