/* Dropdown Button */

.navbar a:hover {
  background-color: red;
}

.navbar {
  overflow: hidden;
  width: 85%;
  background-color: #333;
}

.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}


.artOthon div.contx {
  height:  inherit;
  width:  80%;
  padding: 10px;
  clear: left;
  margin: 10px;
  border: 5px solid #333;
  border-radius: 10px;
  position: relative;
  left: 30px;
}

H2 {
  background-color: #333;
  color:  #FFF;
  text-indent: 10px;
  padding: 5px;
}

div.flipper (
  clear:  right;
  align:  right;
  width:  85%;
  text-align: right;
}

/* Ticker container */
div.ticker-wrap {
    width: 80%;
    overflow: hidden;       /* Hide overflowing text */
    background: #111;       /* Background color */
    color: #fff;            /* Text color */
    border: 10px solid #444;
    box-sizing: border-box;
    height: 2.5em;
    display: flex;
    align-items: center;
  }

/* Inner scrolling area */
.ticker {
    display: inline-block;
    white-space: nowrap;    /* Prevent text wrapping */
    padding-left: 80%;     /* Start off-screen to the right */
    animation: ticker 45s linear infinite;
  }

  /* Duplicate content for seamless loop */
.ticker span {
    display: inline-block;
    padding-right: 10rem;    /* Space between repeats */
  }

  /* Animation keyframes */
  @keyframes ticker {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-100%); }
  }