body {
  font-family: monospace;
  font-size: 1.2em;
  background-color: azure;
  animation-name: colorfade;
  animation-duration: 30s;
  animation-iteration-count: infinite;
}

h1, h2, h3, h4 {
  text-shadow: 2px 2px 0 violet;
}

@keyframes colorfade {
  000% {
    background-color: azure;
  }

  005% {
    background-color: beige;
  }

  010% {
    background-color: aliceblue;
  }

  015% {
    background-color: cornsilk;
  }

  020% {
    background-color: floralwhite;
  }

  025% {
    background-color: ghostwhite;
  }

  030% {
    background-color: honeydew;
  }

  035% {
    background-color: ivory;
  }

  040% {
    background-color: lavenderblush;
  }

  045% {
    background-color: lightcyan;
  }

  050% {
    background-color: lightyellow;
  }

  055% {
    background-color: linen;
  }

  060% {
    background-color: mintcream;
  }

  065% {
    background-color: mistyrose;
  }

  070% {
    background-color: oldlace;
  }

  075% {
    background-color: seashell;
  }

  080% {
    background-color: snow;
  }

  085% {
    background-color: whitesmoke;
  }

  090% {
    background-color: beige;
  }

  095% {
    background-color: aliceblue;
  }

  100% {
    background-color: azure;
  }
}

.titCont {
  width: 35%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 35%;
  margin-top: 3em;
  text-align: center;
}

.titCont p {
  margin-top: 0em;
}

h1 {
  font-size: 2.5em;
}

article {
  margin: 0.5em 2em 0.5em 2em;
}

a {
  font-weight: 800;
  text-decoration: underline;
  color: rgb(197, 0, 0);
}

.wilc {
  font-weight: 900;
  font-size: 2em;
  margin-left: 1em;
}

.lctl {
  margin: 1.5em 2em 2em 4%;
  line-height: 1.1em;
}

h2 {
  margin-bottom: 1.5em;
}

p {
  margin-left: 2.5%;
}

.call {
  margin: 2em 0 2.5em 0;
}

.call p {
  font-weight: 300;
  font-size: 1em;
}

ul {
  display: flex;
  flex-direction: column;
  margin: 1.5em 0 2em 3%;
}

.container {
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  margin: 0.5em 0 0.5em 0;
}

.tit {
  width: 20%;
  font-weight: 900;
  text-decoration: underline;
  color: blueviolet;
  cursor: pointer;
  line-height: 0.8em;
}

.cont {
  display: none;
}

.contShow {
  display: inline-block;
  font-family: monospace;
}

.form {
  margin-left: 3%;
  margin-bottom: 2em;
  ;
}

footer {
  display: flex;
  align-items: center;
  flex-direction: column;
}

span {
  font-size: 0.8em;
  margin: 4em 2em 2em 2em;
}

.language-list {
  position: relative;
  overflow: hidden;
  width: 160px;
  float: right;
}

.language-list ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  margin-left: -1px;
  list-style: none;
}

.language-list li {
  flex-grow: 1;
  flex-basis: auto;
  margin: .25em 0;
  padding: 0 1em;
  text-align: center;
  border-left: 2px solid #ccc;
}

.language-list li.selected {
  background-color: #ddd;
}

.language-list li:last-child {
  border-right: 2px solid #ccc;
}

.ocContainer {
  margin: 3em 5em 5em 5em;
  padding: 1.5em 2em 3em 1em;
  border-style: double;
  animation-name: colorfade;
  animation-duration: 15s;
  animation-iteration-count: infinite;
}

.ocContainer .time {
  text-align: center;
  font-weight: 900;
  font-size: 1.5em;
}

.ocContainer .time a {
  font-weight: 800;
  text-decoration: underline;
  color: rgb(197, 0, 0);
}

.ocContainer a {
  font-weight: 800;
  text-decoration: underline;
  color: rgb(197, 0, 0);
}

.ocContainer .location {
  text-align: center;
  margin: 0.3em 0.3em 1em 0.3em;
}

.tit1 {
  font-size: 1.5em;
  text-align: center;
  margin: 0.9em 1em 1em 1em;
}

.tit2 {
  font-size: 1em;
  text-align: center;
  margin-bottom: 2.5em;
  margin-top: 2em;
}

.tit3 {
  font-size: 1em;
  margin-left: 0.7em;
}

.ocContainer .desc1 {
  font-size: 0.8em;
}

.ocContainer .participant {
  font-size: 0.7em;
  margin-left: 1.3em;
}

.ocContainer p {
  font-size: 0.7em;
}

.notconfirmed {
  display: none;
}

.partContainer {
  display: none
}

/*---------- rafrobeat ----------*/
@media(max-width:767px) {

  html,
  body {
    height: 100%;
  }

  body {
    margin: 0;
    position: absolute;
  }

  .lctl {
    margin: 0 2em;
    line-height: 1.3em;
  }

  .titCont {
    width: 90%;
    margin-left: 1rem;
    margin-right: 1rem;
  }

  h1 {
    font-size: 2em;
  }

  h2 {
    margin-bottom: 1em;
  }

  p {
    font-size: 14px;
  }

  .wilc {
    font-weight: 900;
    font-size: 1.7em;
    margin: 1em;
  }

  article {
    margin: 0.5em;
  }

  article td {
    font-size: 12px;
  }

  article a {
    font-size: 13px;
  }

  article td.name, td.desc {
    font-size: 12px;
  }

  footer span {
    font-size: 0.8em;
    margin: 3em 2em 1em 2em;
    text-align: cebter;
  }

  footer h5 {
    margin: 1rem 1.5rem;
    text-align: center;
    font-size: .6rem;
  }
}