body {
  margin: 0;
  padding: 0;
  font-family: 'Fjalla One', sans-serif;
  background-color: #ff641e; }

section#maincontent {
  width: 50%;
  margin: 100px auto; }
  section#maincontent .logo {
    width: 60%;
    margin: 0 auto; }
    section#maincontent .logo img {
      width: 100%; }
  section#maincontent .social {
    width: 100%;
    margin: 0 auto;
    text-align: center; }
    section#maincontent .social a {
      background-color: #151210;
      margin: 20px;
      color: #fbe97d;
      text-decoration: none;
      font-size: 2em;
      border-radius: 50%;
      display: inline-block;
      width: 60px;
      height: 60px;
      position: relative;
      cursor: pointer;
      transition: all 0.3s; }
      section#maincontent .social a:hover {
        color: #fff; }
      section#maincontent .social a i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
  section#maincontent .button {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    transition: all 0.3s; }
    section#maincontent .button a {
      padding: 12px 35px;
      display: inline-block;
      background-color: #151210;
      border-radius: 15px;
      color: #fbe97d;
      text-decoration: none;
      cursor: pointer; }
      section#maincontent .button a:hover {
        color: #fff; }

#popUp {
  position: absolute;
  width: 20%;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #000;
  padding: 100px;
  color: #fbe97d;
  background-image: url(Banner.png);
  background-repeat: no-repeat;
  background-position: bottom;
  line-height: 1.5em;
  box-shadow: 0px 0px 50px #333;
  opacity: 0;
  transition: all 1s; }
  #popUp.active {
    top: 50%;
    opacity: 1; }
  #popUp i {
    margin-right: 10px; }
  #popUp a {
    color: #fbe97d; }
  #popUp .closePopUp {
    cursor: pointer;
    width: 100px;
    margin: 20px auto 0 auto;
    padding: 8px;
    background-color: #ff641e;
    text-align: center;
    border-radius: 15px;
    color: #fff; }
    #popUp .closePopUp i {
      margin-right: 10px; }