.pokefx-main-window {
  height: calc(90.4vh - 8px);
  border: 4px inset #cc6600;
  overflow: hidden;
  background-image: linear-gradient(122deg, #B50000 0%, #B50000 49.6%, #CBCBCB 49.7%, #CBCBCB 51.3%, #242424 51.4%, #242424 100%);
  background-attachment: fixed;
  font-family: 'arial';
}

/* Header Bar */

.pokefx-top-bar {
  height: 8vh;
  overflow: hidden;
  margin: 5px;
}

.pokefx-top-bar-info{
  width: calc(100% - 55vh);
  height: 100%;
  display: inline-block;
  float: left;
  overflow: hidden;  
  display: flex;
  justify-content: left;
  align-items: center;
}

.pokefx-top-bar-info img{
  height: calc(8vh - 10px);
  float: left;
  border: 5px solid #CBCBCB;
  border-radius: 7vh;
  margin-left: 10px;
}

.pokefx-top-bar-info img:hover{
  border: 5px solid #242424;  
}

.pokefx-top-bar-text{  
  color: #FFFFFF;
  font-size: 4vh;
  margin-left: 10px;
}

.pokefx-top-bar-text > a:link {
  color: #ffffff;
  background-color: transparent;
  text-decoration: none;  
}

.pokefx-top-bar-text > a:visited {
  color: #ffffff;
  background-color: transparent;
  text-decoration: none;  
}

.pokefx-top-bar-text > a:hover {
  color: #242424;
  background-color: transparent;
  text-decoration: none;
}

.pokefx-top-bar-text > a:active {
  color: #ffffff;
  background-color: transparent;
  text-decoration: none;  
}

.pokefx-top-bar-follow{  
  height: 20%;
  width: auto;
  color: #FFFFFF;
  background: #242424;
  font-size: 3vh;
  padding: 8px;
  padding-left: 12px;
  padding-right: 12px;
  margin-left: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #242424;
  border-radius: 10px;
}

.pokefx-top-bar-follow:hover{  
  background: #606060;
  transition: all 0.5s;
}

.pokefx-top-bar-follow:not(:hover) {  
  transition: all 2s;
}

.pokefx-top-bar-logo{
  width: 55vh;
  max-width: 100%;
  height: 100%;
  display: inline-block;
  float: right;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pokefx-top-bar-logo img{
  max-width: 100%;
  float: right;
  object-fit: cover;  
}

/* Stream page */

/* Stream window */

.pokefx-stream-window {
  width: calc(130vh - 10px);
  max-width: calc(100% - 10px);
  height: calc(90.4vh - 20vh - 8px);
  overflow: scroll;
  background-image: url("images/ArtButtons/SiteBG.webp");
  background-attachment: fixed;
  background-size: 10vh;
  display: inline-block;
  float: left;
  margin-right: 5px;
  margin-left: 5px;
  font-size:0;
  text-align: center;
  border-radius: 10px;
}

.pokefx-stream-window img{
  max-width: calc(100% - 20px);
  object-fit: cover;
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 5px;
}

/* Chat window */

.pokefx-chat-window {
  width: calc(100% - 130vh - 5px);
  height: calc(90.4vh - 8vh - 8px - 15px);
  min-width: 51vh;
  overflow: hidden;
  margin: 5px;
  font-size: 0;
}

.pokefx-chat-ad {
  width: 100%;
  margin-bottom: 10px;
}

.pokefx-chat-ad img{
  width: 100%;
  max-width: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.pokefx-chat-welcome {
  width: 100%;
  background: #B50000;
  color: #FFFFFF;
  font-size: 2vh;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-radius: 10px;
}

.pokefx-chat-welcome > a:link {
  color: #ffffff;
  background-color: transparent;
  text-decoration: none;  
}

.pokefx-chat-welcome > a:visited {
  color: #ffffff;
  background-color: transparent;
  text-decoration: none;  
}

.pokefx-chat-welcome > a:hover {
  color: #242424;
  background-color: transparent;
  text-decoration: none;
}

.pokefx-chat-welcome > a:active {
  color: #ffffff;
  background-color: transparent;
  text-decoration: none;  
}

.pokefx-chat-video-frame {
  width: 100%;
  font-size: 2vh;
  height: calc(62vh - 10px);
  overflow: scroll;
}

.pokefx-chat-video-container {
  height: 12vh;
  width: calc(100% - 10px);
  font-size: 2vh;
  margin-bottom: 10px;
  overflow: scroll;
  font-size: 0;
  overflow: hidden;
  border-radius: 10px;
}

.pokefx-chat-video-container:hover{
  background: #404040;
  transition: all 0.5s;
}

.pokefx-chat-video-container:not(:hover) {  
  transition: all 0.5s;
}

.pokefx-chat-video-vid {
  width: calc((12vh / 9) * 16);
  height: 12vh;
  overflow: hidden;
  border-radius: 10px;  
  display: inline-block;
  float: left;
  margin-right: 5px;
  background: #505050
}

.pokefx-chat-video-vid img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pokefx-chat-video-title {
  font-size: 3vh;
  color: #FFFFFF;
  margin-bottom: 5px;
}

.pokefx-chat-video-bigtext {
  font-size: 2.5vh;
  color: #FFFFFF;
}

.pokefx-chat-video-littletext {
  font-size: 1.5vh;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  margin-right: 5px;
}

.pokefx-chat-video-littletext img {
  height: 2vh;
  width: 2vh;
  margin-right: 2px;
}

.pokefx-chat-progress {
  width: 98%;
  height: auto;
  background: #404040;
  border-radius: 10px;
  background-image: linear-gradient(to right, gold 5%, #404040 0%);
  margin-bottom: 5px;
}

/* Stream bottom window */

.pokefx-bottom-bar {
  height: calc(12vh - 10px - 10px);
  width: calc(130vh - 10px);
  max-width: calc(100% - 10px);
  overflow: hidden;
  display: inline-block;
  float: left;
  margin: 5px;  
}

.pokefx-bottom-bar-text{  
  color: #FFFFFF;
  font-size: 4vh;
  width: calc(100% - 63vh);
  display: inline-block;
  float: left;
  overflow: hidden;
  height: 100%;
  padding-left: 5px;
}

.pokefx-bottom-bar-donate{
  width: calc(54vh - 10px);
  max-width: calc(100% - 5px);
  height: 100%;
  float: right;
  justify-content: right;
  align-items: right;
  color: #FFFFFF;
  font-size: 2vh;
}

.pokefx-bottom-bar-donate-text{
  width: auto;
  font-size: 2.0vh;  
  line-height: 1;
  margin-top: 4px;
  margin-right: 4px;
  float: right;
}

.pokefx-bottom-bar-donate-button{  
  width: 20vh;
  height: 50%;
  color: #FFFFFF;
  background: #404040;
  font-size: 2.5vh;
  border: 1px solid #404040;
  border-radius: 10px;
  margin: 4px;
  padding-top: 2px;
  padding-bottom: 5px;
  float: right;
  
}

.pokefx-bottom-bar-donate-button:hover{
  background: #606060;
  transition: all 0.5s;
}

.pokefx-bottom-bar-donate-button:not(:hover) {  
  transition: all 2s;
}

/* Profile Page */

.pokefx-profile-bg {
  height: calc(90.4vh - 8vh - 8px);
  width: 100%;
  overflow: hidden;
  background: #242424;
  background-image: url("images/ArtButtons/SiteBG.webp");
}

.pokefx-profile-page {
  height: calc(100% - 10px);
  width: 140vh;
  max-width: calc(100%);
  overflow: scroll;
  display: inline-block;
  float: left;
  background: blue;
}

.pokefx-profile-unit {
  width: calc(100% - 4px - 30px - 10px - 10px);
  height: auto;
  background: #242424;
  overflow:scroll;
  color: #ffffff;
  font-size: 2.5vh;
  border: 2px solid #242424;
  border-radius: 5vh;
  padding: 15px;
  padding-top: 25px;
  padding-bottom: 25px;
  margin: 5px;
  margin-right: 10px;
  text-align: left;
  vertical-align: middle;
}

.pokefx-profile-unit:hover {
  background: #404040;
  border: 2px solid #FFFFFF;
  transition: all 0.5s;
}

.pokefx-profile-unit:not(:hover) {
  transition: all 0.5s;
}

.pokefx-profile-unit img {
  width: 40vh;
  max-width: calc(100% - 16px);
  height: 30vh;
  overflow:hidden;
  font-size: 0;
  object-fit: cover;
  border: 8px solid #FFFFFF;
  border-radius: 5vh;
  display: inline-block;
  float: left;
  margin-right: 2vh;
  margin-bottom: 1px;
}

.pokefx-profile-stars {
  height: calc(100% - 10px);
  width: calc(100% - 140vh);
  overflow: scroll;
  background: red;
  padding-top: 5px;
}

.pokefx-profile-stars-unit {
  height: 20vh;
  width: calc(100% - 20px);
  margin-right: 10px;
  border: 2px solid #242424;
  border-radius: 3vh;
  margin: 5px;  
  background: #242424;
}

.pokefx-profile-stars-unit:hover {
  background: #404040;
  border: 2px solid #FFFFFF;
  transition: all 0.5s;
}

.pokefx-profile-stars-unit:not(:hover) {
  transition: all 0.5s;
}

.pokefx-profile-stars-text{  
  color: #FFFFFF;
  font-size: 3vh;
  text-align: center;
}