/*Resources*/
@font-face {
  font-family: "Gothic";
  src: url("https://files.cnblogs.com/files/blogs/832859/gothic.css") format('truetype');
}

/*Loading Animation*/
/*
*{
  color: #00ffff !important;
}

body{
  background-color: #000000 !important;
}
*/
#loader {
  position: fixed;
  display: flex;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  transition-property: background-color;
  transition-duration: 0.5s;
  transition-delay: 0.3s;
}

#loader_container {
  position: absolute;
  display: flex;
  width: 190px;
  height: 190px;
  justify-content: center;
  align-items: center;
}

#loading-text {
  color: #ffffff;
  font-size: 16px;
  transition-property: font-size;
  transition-duration: 0.5s;
  transition-delay: 0.3s;
}

#ring {
  width: 190px;
  height: 190px;
  border: 1px solid transparent;
  border-radius: 50%;
  position: absolute;
  transition-property: width, height;
  transition-duration: 0.5s;
  transition-delay: 0s;
}

#ring:nth-child(1) {
  border-bottom: 8px solid #ffffff;
  animation: rotate1 2s linear infinite;
}

@keyframes rotate1 {
  from {
    transform: rotateX(50deg) rotateZ(110deg);
  }

  to {
    transform: rotateX(50deg) rotateZ(470deg);
  }
}

#ring:nth-child(2) {
  border-bottom: 8px solid #ffffff;
  animation: rotate2 2s linear infinite;
}

@keyframes rotate2 {
  from {
    transform: rotateX(20deg) rotateY(50deg) rotateZ(20deg);
  }

  to {
    transform: rotateX(20deg) rotateY(50deg) rotateZ(380deg);
  }
}

#ring:nth-child(3) {
  border-bottom: 8px solid #ffffff;
  animation: rotate3 2s linear infinite;
}

@keyframes rotate3 {
  from {
    transform: rotateX(40deg) rotateY(130deg) rotateZ(450deg);
  }

  to {
    transform: rotateX(40deg) rotateY(130deg) rotateZ(90deg);
  }
}

#ring:nth-child(4) {
  border-bottom: 8px solid #ffffff;
  animation: rotate4 2s linear infinite;
}

@keyframes rotate4 {
  from {
    transform: rotateX(70deg) rotateZ(270deg);
  }

  to {
    transform: rotateX(70deg) rotateZ(630deg);
  }
}

/*Title*/
#Header1_HeaderTitle {
  font: 100px Gothic !important;
  text-decoration: none;
  text-shadow: 0 0px 10px #ffffff;
  transition-property: text-shadow;
  transition-duration: 0.4s;
  transition-delay: 0s;
}

#Header1_HeaderTitle:hover {
  text-shadow: 0 0px 30px #ffffff, 0 0px 10px #ffffff;
}

/*Post list*/
.posttitle a {
  text-shadow: 0 0px 0px #ffffff;
  transition-property: text-shadow;
  transition-duration: 0.2s;
  transition-delay: 0s;
}

.posttitle a:hover {
  text-decoration: none;
  color: #ffffff;
  text-shadow:0 0px 10px #ffffff, 0 0px 10px #ffffff;
}

div[id="post_detail"] img {
  border: 2px #000000 solid;
  border-radius: 10px;
}

/*Quote block style*/
blockquote img {
  vertical-align: middle;
}

blockquote p {
  color: #ffffff;
}

/*Delete Elements*/
#btnZzk {
  display: none;
  background-color: #000000;
  color: #ffffff;
  border: 2px #a0a0a0 solid;
  border-radius: 10px;
}