/* ---------- 全局样式 ---------- */

body {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

/* a:hover { 鼠标放上去出现下划线
  border-bottom: 3px solid #4fc08d;
} */

.button {
  background-color: #4fc08d !important;
  color: #fff !important;
}

.avatar {
  border-radius: 3px;
  width: 48px;
  height: 48px;
  float: right;
}

/* ---------- nav ---------- */

.nav {
  margin-bottom: 20px;
  color: #999;
  text-align: center;
}

.nav h1 {
  color: #4fc08d;
  display: inline-block;
  margin: 10px 0;
}

/* ---------- nav-setting ---------- */

.nav-setting {
  position: fixed;
  right: 30px;
  top: 35px;
  z-index: 999;
}

.nav-setting .ui.dropdown.button {
  padding: 10px 10px 0 10px;
  background-color: #fff !important;
}

.nav-setting .icon.bars {
  color: #000;
  font-size: 18px;
}

/* ---------- post-content ---------- */

.post-content h3 a {
  color: #4fc08d !important;
}

.post-content .tag {
  font-size: 13px;
  margin-right: 5px;
  color: #999;
}

.post-content .tag.right {
  float: right;
  margin-right: 0;
}

.post-content .tag.right a {
  color: #999;
}

/* ---------- header ---------- */
.logofont {
  font-size: 34px;
  text-shadow: 2px 2px 2px black;
  color: white;
}
@keyframes mymove {
  0% {
      background-position: 0% 0%;
  }
  50% {
      background-position: 50% 90%;
  }
  100% {
      background-position: 100% 0%;
  }
}
.movebk {
      width: 100%;
      background: linear-gradient(90deg, #5c93d1,  #944fa8, #a8804f, #6798e7);
      background-size: 1400% 300%;
      animation: mymove 20s ease infinite;
      -webkit-animation: mymove 20s ease infinite;
      -moz-animation: mymove 20s ease infinite;
}
th {
  white-space: nowrap;
}