body {
    /*font-size:10px!important;*/
}
@media ( max-width: 425px )  {
    html, body {
        overflow-x: hidden;
    }
}
.navbar {
    font-size:1.875rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media ( min-width: 500px )  {
  .navbar > div > .nes-badge {
    font-size:0.6rem;
  }
  .navbar > div {
    position:relative;
    left:0.2rem;
    top:0.2rem;
  }
}
@media ( max-width: 499px )  {
  .navbar > div > .nes-badge {
    display:none;
  }
}
body > div.navbar > span > a {
    color:#000000;
}
body > div.navbar > span > a:hover {
    color:#000000;
    text-decoration:none;
}
.content {
    min-width: 50vw;
    min-height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    }

@media ( min-width: 426px )  {
  .text {
    word-break: break-word;
    font-size: 0.6rem;
    cursor: pointer;
  }
  .content div {
      width: 60vw;
      margin: 30px;
  }
  .content div .reply0 {
      width: 55vw;
      margin-left: 5vw!important;
      margin: 30px;
  }
  .content div .reply1 {
    width: 50vw;
    margin-left: 10vw!important;
    margin: 30px;
  }
  .content div .reply2 {
    width: 45vw;
    margin-left: 15vw!important;
    margin: 30px;
}
}

@media ( max-width: 425px )  {
  .text {
    word-break: break-word;
    font-size: 0.5rem;
    cursor: pointer;
  }
  .content div {
    width: 90vw;
    margin: 30px;
  }
  .content div .reply0 {
    width: 80vw;
    margin-left: 10vw!important;
    margin: 30px;
  }
  .content div .reply1 {
    width: 70vw;
    margin-left: 20vw!important;
    margin: 30px;
  }  
  .content div .reply2 {
    width: 60vw;
    margin-left: 30vw!important;
    margin: 30px;
  }
}

.content .brags div {
    margin-left: 0px;
}

.nes-btn.connect {
    font-size:8px;
    top: 0.2rem;
    right: 0.2rem;
}

.nes-btn.brag {
    display: block;
    margin-left: auto;
}

.nes-btn.dialog {
  display: block;
  margin-left: auto;
  margin-right:auto;
  margin-top:1.5rem;
}

.nes-textarea.brag {
    /*margin-bottom: 2rem;*/
}

.nes-btn.brag-more {
  position: absolute;
  bottom: 25px;
  font-size: 0.5rem;
  height: 20px;
  padding-top: 0px;
}
.nes-btn.brag-more > span {
  display: block;
  transform: rotateZ(90deg);
}

.nes-btn.brags {
    position: absolute;
    bottom: 0px;
    right: -4px;
    font-size: 0.5rem;
    height: 20px;
    padding-top: 0px;
}
.nes-btn.brags > span {
    display: block;
    transform: rotateZ(90deg);
}

.nes-btn.buy {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.recent-brags {
    margin-bottom: 1.5rem;
}

.loading img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    scale: 0.5;
}
.loading p {
    margin-top: -1rem;
    text-align: center;
}
.nes-icon.is-small {
    transform: scale(2)!important;
    cursor: pointer;
}
.nes-icon.is-small:hover {
    color: #209cee;
}
.nes-icon.is-liked {
    color: #209cee;
    cursor: default;
}
.show-more {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dialog-loading {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.nes-container.brag-details {
  margin-top: -34px;
}

/*.nes-container.brag-info {
    margin-top: -34px;
    background-color: #222;
    color: #fff;
}

.nes-container.brag-info.loading {
    margin-top: -34px;
    background-color: #222;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}*/

/**
 * ==============================================
 * Link Colors
 * ==============================================
 */

 a.is-success {
    color: #92cc41;
  }
  
  a.is-success:hover {
    color: #76c442;
  }
  
  a.is-warning {
    color: #f7d51d;
  }
  
  a.is-warning:hover {
    color: #f2c409;
  }
  
  a.is-error {
    color: #e76e55;
  }
  
  a.is-error:hover {
    color: #ce372b;
  }


/**
 * ==============================================
 * Dot Typing
 * ==============================================
 */
 .dot-typing {
    position: relative;
    left: -9999px;
    width: 8px;
    height: 8px;
    background-color: #209cee;
    color: #209cee;
    box-shadow: 9984px 0 0 0 #209cee, 9999px 0 0 0 #209cee, 10014px 0 0 0 #209cee;
    animation: dot-typing 1.5s infinite linear;
  }
  
  @keyframes dot-typing {
    0% {
      box-shadow: 9984px 0 0 0 #209cee, 9999px 0 0 0 #209cee, 10014px 0 0 0 #209cee;
    }
    16.667% {
      box-shadow: 9984px -10px 0 0 #209cee, 9999px 0 0 0 #209cee, 10014px 0 0 0 #209cee;
    }
    33.333% {
      box-shadow: 9984px 0 0 0 #209cee, 9999px 0 0 0 #209cee, 10014px 0 0 0 #209cee;
    }
    50% {
      box-shadow: 9984px 0 0 0 #209cee, 9999px -10px 0 0 #209cee, 10014px 0 0 0 #209cee;
    }
    66.667% {
      box-shadow: 9984px 0 0 0 #209cee, 9999px 0 0 0 #209cee, 10014px 0 0 0 #209cee;
    }
    83.333% {
      box-shadow: 9984px 0 0 0 #209cee, 9999px 0 0 0 #209cee, 10014px -10px 0 0 #209cee;
    }
    100% {
      box-shadow: 9984px 0 0 0 #209cee, 9999px 0 0 0 #209cee, 10014px 0 0 0 #209cee;
    }
  }