body {
  margin: 0;
  font-family: 'Blinker', sans-serif;
  font-size: 19px;
  height: 100%;
  background-color: #111111;
  color: #EEEEEE;
}

h1 {
  color: #66FFCC;
}

h3 {
  color: #66FFCC;
}

.layout {
  width:100%;
}

.no-style {
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}

.header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #0F0E11;
  color: #111111;
  background-color: #66FFCC;
  z-index: 100;
}

.logo-container {
  display:flex;
  align-items: center;
  padding: 10px;
}

.connect-menu {
  padding: 10px;
}

#content {
  margin-top: 51px;
}

.title-holder {
  padding-left: 10px;
}

.logo-banner {
  height: 300px;
  width: auto;
  border-radius: 5px;
}

.logo {
  height: 35px;
  width: auto;
  border-radius: 5px;
}

#content {
  height: 100%;
}

.btn-unex { 
  color: #333333; 
  background-color: #66FFCC; 
  font-weight: bold;
  padding: 20px;
  border-radius: 25px;
  border: 0;
  cursor: pointer;
} 

.btn-twitch { 
  color: #FFFFFF; 
  background-color: #6441A5; 
  font-weight: bold;
  padding: 10px;
  border-radius: 25px;
  border: 0;
  cursor: pointer;
} 

.btn-twitch { 
  color: #FFFFFF; 
  background-color: #6441A5; 
  font-weight: bold;
  padding: 10px;
  border-radius: 25px;
  border: 0;
  cursor: pointer;
} 

.slider-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.tool-description-container {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: left;
}

.padding-container {
  padding: 25px 50px 0 50px;
}

.slider-element-right {
  text-align: right;
}

.light {
  background-color: #EEEEEE;
  color: #000000;
}

.slider-element {
  width: 50%;
  padding: 25px 50px 25px 50px;
}

.slider-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.btn-twitch:hover, 
.btn-unex:hover, 
.btn-twitch:focus, 
.btn-unex:focus, 
.btn-twitch:active, 
.btn-unex:active, 
.btn-twitch.active, 
.btn-unex.active, 
.open .dropdown-toggle.btn-unex,
.open .dropdown-toggle.btn-twitch { 
  color: #FFFFFF; 
  background-color: #472e75; 
} 

.btn-twitch:active, 
.btn-twitch.active, 
.btn-unex:active, 
.btn-unex.active,
.open .dropdown-toggle.btn-twitch { 
  background-image: none; 
} 

.btn-twitch.disabled, 
.btn-unex.disabled, 
.btn-twitch[disabled], 
.btn-unex[disabled], 
fieldset[disabled] .btn-twitch, 
fieldset[disabled] .btn-unex, 
.btn-twitch.disabled:hover, 
.btn-unex.disabled:hover, 
.btn-twitch[disabled]:hover, 
.btn-unex[disabled]:hover, 
fieldset[disabled] .btn-twitch:hover, 
fieldset[disabled] .btn-unex:hover, 
.btn-twitch.disabled:focus, 
.btn-unex.disabled:focus, 
.btn-twitch[disabled]:focus, 
.btn-unex[disabled]:focus, 
fieldset[disabled] .btn-twitch:focus, 
fieldset[disabled] .btn-unex:focus, 
.btn-twitch.disabled:active, 
.btn-unex.disabled:active, 
.btn-twitch[disabled]:active, 
.btn-unex[disabled]:active, 
fieldset[disabled] .btn-twitch:active, 
fieldset[disabled] .btn-unex:active, 
.btn-twitch.disabled.active, 
.btn-unex.disabled.active, 
.btn-twitch[disabled].active, 
.btn-unex[disabled].active, 
fieldset[disabled] .btn-unex.active,
fieldset[disabled] .btn-twitch.active { 
  background-color: #6441A5; 
} 

.btn-twitch .badge { 
  color: #6441A5; 
  background-color: #FFFFFF; 
}

.btn-unex .badge { 
  color: #6441A5; 
  background-color: #FFFFFF; 
}