div,
main,
article,
aside,
footer,
nav,
section,
header {
  display: block;
}

span {
  display: inline;
}

h1,
h2,
h3 {
  display: block;
}
.popup {
  display: none;
  position: absolute;
  top: 10%;
  left: 50%;
  width: 88%;
  max-width: 280px;
  margin: 0 0 0 -140px;
  font-size: 1em;
  border-radius: 4px;
  background-color: #282828;
  color: #fff;
  overflow: hidden;
  box-shadow: 1px 1px 7px #000;
  z-index: 100;
}

.popup-head {
  background-color: #282828;
  padding: 18px 16px 18px 55px;
  border-bottom: 2px solid #33b4e4;
  color: #33b4e4;
  line-height: normal;
}

.popup-center {
  padding: 20px 16px;
  color: #f3f3f3;
  line-height: 20px;
}

.popup-bottom {
  background-color: #282828;
  padding: 9px 6px;
  text-align: center;
  border-top: 1px solid #474747;
  overflow: hidden;
}

.popup-bottom .button {
  display: block;
  height: 30px;
  width: 128px;
  margin: 0 auto;
  font-size: 1.1em;
  color: #f3f3f3;
  border-radius: 3px;
  cursor: pointer;
  text-decoration: none;
  padding: 0;
  line-height: 30px;
}

#status {
  color: #f4211a;
  font-size: 1em;
  font-family: "minecraftfont";

  height: 100%;
}

.pop {
  animation: pop 0.58s infinite;
  -webkit-animation: pop 0.58s infinite;
}

@keyframes pop {
  from {
    transform: scale(0.95);
  }

  50% {
    transform: scale(1);
  }

  to {
    transform: scale(0.95);
  }
}

@-webkit-keyframes pop {
  from {
    -webkit-transform: scale(0.95);
  }

  50% {
    -webkit-transform: scale(1);
  }

  to {
    -webkit-transform: scale(0.95);
  }
}

* {
  margin: 0;
}

body {
  font-family: tahoma, verdana, arial, sans-serif;
  background-color: #f7f7f7;
}

.header {
  background-color: #232f3e;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}

.logo-left {
  padding: 5px;
  vertical-align: middle;
}

.header-text {
  font-size: 20px;
  height: 35px;
  vertical-align: middle;
  color: #fff;
}

.spinnerContainer {
  position: relative;
  transform: translateX(20%);
}

#clicker,
#clicker2 {
  display: none;
}

.clearfix::after,
.clearfix::before {
  content: "";
  display: table;
}

.clearfix::after {
  clear: both;
}

.fbcoms {
  padding: 0 5px;
  font-family: Tahoma, Verdana, sans-serif;
  background-color: #fff;
  font-size: 12px;
  text-align: left;
}

.comments {
  font-weight: 700;
  text-align: center;
  padding: 0 5px 10px;
}

.totlikes {
  margin-top: 3px;
  background-color: #eeeff4;
  padding: 5px 5px 5px 23px;
  background-repeat: no-repeat;
  background-position: 5px center;
}

.fbblue {
  color: #3c5a96;
}

.buttons {
  margin-top: 14px;
  padding: 5px;
  font-family: Arial, sans-serif;
  color: #7d7d7f;
}

.buttons span {
  cursor: pointer;
}

.buttons span:hover {
  text-decoration: underline;
}

.viewmore {
  margin-top: 3px;
  background-color: #eeeff4;
  padding: 5px 5px 5px 23px;
  background-position: 5px center;
  background-repeat: no-repeat;
}

.left {
  cursor: pointer;
  float: left;
  color: #3c5a96;
}

.left:hover {
  text-decoration: underline;
}

.right {
  color: #7d7d7f;
  float: right;
}

div,
main,
article,
aside,
footer,
nav,
section,
header {
  display: inline;
}

span {
  display: block;
}

h1,
h2,
h3 {
  display: inline;
}

.item {
  position: relative;
  margin-top: 3px;
  background-color: #eeeff4;
  padding: 5px 5px 5px 60px;
  min-height: 60px;
  box-sizing: border-box;
}

.item .profileimg {
  position: absolute;
  top: 5px;
  left: 5px;
}

.comtxt {
  line-height: 16px;
}

.name {
  color: #3c5a96;
  font-weight: 700;
}

.ago {
  color: #86878c;
  font-size: 0.95em;
}

.fblike {
  color: #3c5a96;
  font-size: 0.95em;
  cursor: pointer;
}

.fblike:hover {
  text-decoration: underline;
}

.combot {
  padding-top: 5px;
}

.likes {
  color: #3c5a96;
  font-size: 0.95em;
  cursor: pointer;
}

.comments,
.hidden .combot,
.hidden .comtxt {
  display: none;
}

#fbalert > div {
  margin-left: 0;
}

#fbalert {
  background-color: #fff;
  padding: 5px;
}

#spinner {
  position: relative;
  margin: 1em auto 0;
  width: 315px;
  overflow: hidden;
}

@media (min-width: 360px) {
  #spinner {
    width: 340px;
  }
}

#spinBG {
  z-index: 1;
  width: 315px;
}

@media (min-width: 360px) {
  #spinBG {
    width: 340px;
  }
}

#spin {
  z-index: 2;
  position: absolute;
  top: 8px;
  left: 8px;
  width: 300px;
}

@media (min-width: 360px) {
  #spin {
    width: 325px;
  }
}

#win,
#win2,
#win3,
#winP,
#winP1,
#winP2 {
  position: absolute;
  z-index: 3;
  width: 65px;
  left: 126px;
  top: 120px;
}

@media (min-width: 360px) {
  #win,
  #win2,
  #win3,
  #winP,
  #winP1,
  #winP2 {
    width: 90px;
  }
}

#win2,
#win3,
#winP,
#winP1,
#winP2 {
  display: none;
}

.spinAround {
  -webkit-animation: spin 6.6s;
  -moz-animation: spin 6.6s;
  -o-animation: spin 6.6s;
  animation: spin 6.6s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  90% {
    -webkit-transform: rotate(3110deg);
    transform: rotate(3110deg);
  }

  95% {
    -webkit-transform: rotate(3108deg);
    transform: rotate(3108deg);
  }

  100% {
    -webkit-transform: rotate(3109deg);
    transform: rotate(3109deg);
  }
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  90% {
    -moz-transform: rotate(3110deg);
    transform: rotate(3110deg);
  }

  95% {
    -moz-transform: rotate(3108deg);
    transform: rotate(3108deg);
  }

  100% {
    -moz-transform: rotate(3109deg);
    transform: rotate(3109deg);
  }
}

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  90% {
    -o-transform: rotate(3110deg);
    transform: rotate(3110deg);
  }

  95% {
    -o-transform: rotate(3108deg);
    transform: rotate(3108deg);
  }

  100% {
    -o-transform: rotate(3109deg);
    transform: rotate(3109deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  90% {
    -webkit-transform: rotate(3110deg);
    -moz-transform: rotate(3110deg);
    -o-transform: rotate(3110deg);
    transform: rotate(3110deg);
  }

  95% {
    -webkit-transform: rotate(3108deg);
    -moz-transform: rotate(3108deg);
    -o-transform: rotate(3108deg);
    transform: rotate(3108deg);
  }

  100% {
    -webkit-transform: rotate(3109deg);
    -moz-transform: rotate(3109deg);
    -o-transform: rotate(3109deg);
    transform: rotate(3109deg);
  }
}

.spinAround2 {
  -webkit-animation: spinTwo 6.6s;
  -moz-animation: spinTwo 6.6s;
  -o-animation: spinTwo 6.6s;
  animation: spinTwo 6.6s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes spinTwo {
  0% {
    -webkit-transform: rotate(3109deg);
    transform: rotate(3109deg);
  }

  90% {
    -webkit-transform: rotate(6314deg);
    transform: rotate(6314deg);
  }

  95% {
    -webkit-transform: rotate(6312deg);
    transform: rotate(6312deg);
  }

  100% {
    -webkit-transform: rotate(6313deg);
    transform: rotate(6313deg);
  }
}

@-moz-keyframes spinTwo {
  0% {
    -moz-transform: rotate(3109deg);
    transform: rotate(3109deg);
  }

  90% {
    -moz-transform: rotate(6314deg);
    transform: rotate(6314deg);
  }

  95% {
    -moz-transform: rotate(6312deg);
    transform: rotate(6312deg);
  }

  100% {
    -moz-transform: rotate(6313deg);
    transform: rotate(6313deg);
  }
}

@-o-keyframes spinTwo {
  0% {
    -o-transform: rotate(3109deg);
    transform: rotate(3109deg);
  }

  90% {
    -o-transform: rotate(6314deg);
    transform: rotate(6314deg);
  }

  95% {
    -o-transform: rotate(6312deg);
    transform: rotate(6312deg);
  }

  100% {
    -o-transform: rotate(6313deg);
    transform: rotate(6313deg);
  }
}

@keyframes spinTwo {
  0% {
    -webkit-transform: rotate(3109deg);
    -moz-transform: rotate(3109deg);
    -o-transform: rotate(3109deg);
    transform: rotate(3109deg);
  }

  90% {
    -webkit-transform: rotate(6314deg);
    -moz-transform: rotate(6314deg);
    -o-transform: rotate(6314deg);
    transform: rotate(6314deg);
  }

  95% {
    -webkit-transform: rotate(6312deg);
    -moz-transform: rotate(6312deg);
    -o-transform: rotate(6312deg);
    transform: rotate(6312deg);
  }

  100% {
    -webkit-transform: rotate(6313deg);
    -moz-transform: rotate(6313deg);
    -o-transform: rotate(6313deg);
    transform: rotate(6313deg);
  }
}

ol,
ul {
  list-style: none;
}

.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.clearfix {
  display: block;
}

.wrapper {
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 7px;
  width: 96%;
  margin: 20px auto 14px;
  border: 1px solid #c4cde1;
  border-top: 0;
  max-width: 414px;
}

.logo {
  display: block;
  margin: 4px auto;
}

.txt {
  padding: 5px 6px;
  line-height: 18px;
  text-align: center;
}

.bottom {
  width: 92%;
  margin: 20px auto 0;
  border: 1px solid #ccc;
  background-color: #f2f2f2;
  padding: 5px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.now {
  text-align: center;
  padding-top: 5px;
}

#countdown {
  font-weight: bold;
}

.rules {
  color: #1b316c;
  padding: 4px 5px;
  line-height: 22px;
}

a {
  display: block;
  /* background-color: #39579a; */
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  padding: 10px 0;
  text-align: center;
  font-weight: 700;
  color: #fff;
  font-size: 1.6em;
  /* border-bottom: 1px solid #1b316c; */
  margin: 7px 13px 5px;
  text-decoration: none;
}

.title {
  text-align: center;
  font-weight: 700;
  font-size: 26px;
}

.show-all,
.submission-tgp {
  display: none;
}

.now2 {
  padding-top: 10px;
  font-weight: bold;
}

.button-glowing {
  background-color: #1c87c9;
  -webkit-border-radius: 60px;
  border-radius: 60px;
  border: none;
  color: #eeeeee;
  cursor: pointer;
  display: inline-block;
  font-family: sans-serif;
  font-size: 20px;
  padding: 15px 15px;
  text-align: center;
  text-decoration: none;
}

@keyframes glowing {
  0% {
    background-color: #2ba805;
    box-shadow: 0 0 5px #2ba805;
  }

  50% {
    background-color: #49e819;
    box-shadow: 0 0 20px #49e819;
  }

  100% {
    background-color: #2ba805;
    box-shadow: 0 0 5px #2ba805;
  }
}

.button-glowing {
  animation: glowing 1300ms infinite;
}

.button-glowing1 {
  background-color: #1c87c9;
  -webkit-border-radius: 60px;
  border-radius: 60px;
  border: none;
  color: #eeeeee;
  cursor: pointer;
  display: inline-block;
  font-family: sans-serif;
  font-size: 20px;
  padding: 15px 15px;
  text-align: center;
  text-decoration: none;
}

@keyframes glowing1 {
  0% {
    background-color: #0549a8;
    box-shadow: 0 0 5px #1305a8;
  }

  50% {
    background-color: #1d19e8;
    box-shadow: 0 0 20px #197ae8;
  }

  100% {
    background-color: #0531a8;
    box-shadow: 0 0 5px #0564a8;
  }
}

.button-glowing1 {
  animation: glowing1 1300ms infinite;
}

input {
  width: 100%;
  padding: 10px;
}

.swal-button {
  background-color: #0080bc;
}