* {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
}

body,html{
    overscroll-behavior:none;
    margin:0;
    padding:0;
    background-color: #18181B;
}

/* BEGIN MY OWN STYLE MODIFICATIONS */
.header-main{
    margin-top: 12px;
    
    color:#851ee6;
    font-size: 2.2vmax;
    font-family: Earthshattering;
    margin-left:24px;

    text-shadow: 2px 2px 2px #0c0c0c;
}

.bigger {
    font-size:larger;
}

.smaller {
    font-size:smaller;
}

hr {
  display: block;
  color:#29292e;
  margin-top:0.5em;
  margin-bottom:0.5em;
  margin-left:auto;
  margin-right:auto;
  border-style:inset;
  border-width:1px;
}

.details-box {
    margin-left:12px;
    display:inline-flex;
    width:100%;
    height:500px;
}

.schedule-embed {
    width:100%;
    max-width:525px;
}
/* END MY OWN STYLE MODIFICATIONS */

.full-twitch-container{
    margin-top:12px;
    margin-right:24px;
    margin-left:24px;
    margin-bottom:24px;
    outline:thick double #29292e;
}

.twitch .twitch-video {
padding-top: 56.25%;
position: relative;
height: 0;
}

.twitch .twitch-video iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
}

.twitch .twitch-chat {
  height: 400px;
}

.twitch .twitch-chat iframe {
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 850px) {
  .twitch {
    position: relative;
  }

  .twitch .twitch-video {
    width: 75%;
    padding-top: 42.1875%;
  }

  .twitch .twitch-chat {
    width: 25%;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
  }
  
  .schedule-embed {
    align-content:center;
    width:50%;
  }
  
  .overlap-banner {
    position: fixed;
    max-height:20%;
    max-width:auto;
    z-index: 2;
  }
}