html, body{
  width: 100%;
  min-height: 100%;
  overflow-x: hidden;
  user-select: none;
}
#nodes{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #179077;
  background-image: none;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  overflow: hidden;
  z-index: 0;
}
.cbox h2{
  font-size: 1em;
}
.panel{
  overflow: visible;
  background-color: rgba(255,255,255,0.8);
}
.minheight100{
  min-height: 100%;
  height: 100%;
}
.panel .logo{
  width: 200px;
  height: 200px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  display: block;
}
.panel iframe{
  margin: 0 auto;
  border-radius: 10px;
  overflow: hidden;
}
.farafahmLogo{
  padding: 5px 5%;
  text-align: initial;
  transition: 0.3s;
  font-style: 1.2em;
}
.farafahmLogo a{
  color: #fff;
}
.farafahmLogo img{
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
  padding: 1px;
  margin: 0 1em;
  vertical-align: middle;
}
.farafahmLogo h2{
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}
.farafahmLogo p{
  margin: 0
}