/* ubuntu-regular - latin */
@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 400;
	src: 
		url('../fonts/ubuntu-v15-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('../fonts/ubuntu-v15-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  
  /* ubuntu-700 - latin */
  @font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 700;
	src:
		url('../fonts/ubuntu-v15-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('../fonts/ubuntu-v15-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }


.chatMessage2 {
    min-height: 30px;
    display: flex;
    align-items: center;
    padding-left: 1em;
    padding-right: 1em;
}

.messageBox {
    border-bottom-color: rgb(239, 239, 241);
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(239, 239, 241);
    border-left-style: none;
    border-left-width: 0px;
    border-right-color: rgb(239, 239, 241);
    border-right-style: none;
    border-right-width: 0px;
    border-top-color: rgb(239, 239, 241);
    border-top-style: none;
    border-top-width: 0px;
    box-sizing: border-box;
    color: rgb(239, 239, 241);
    /* font-family: "Inter", "Roobert", "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-optical-sizing: auto;
    font-size: 13px;
    font-size-adjust: none;
    font-stretch: 100%;
    font-style: normal;
    font-variant: normal;
    font-variant-alternates: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-position: normal;
    font-variation-settings: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    overflow-wrap: break-word;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    vertical-align: baseline;
    padding-right: 10px;
    padding-left: 10px;
    white-space:normal; 
}



.chatMessage2:hover {
    background-color: rgb(70, 70, 73);
}

.twitch-emote {
    margin-left: 5px;
    margin-right: 5px;
    max-height: fit-content;
    display: inline-block;
    top: 4px;
    position: relative;
}

#chatContainer {
    background-color: rgb(24, 24, 27);
    width: 100%;
    height: 100%;
}

.username {
    font-weight: 700;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-crisp-edges;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
    /* color: transparent; */
    filter: url(#svg-blur);
}

svg {
    position: absolute;
    top: 0;
    pointer-events: none;
}

body {
	margin: 0px;
	width: 100%;
    height: 100%;
    background-color: rgb(24, 24, 27);
}

#fakeWelcome {
    color: rgb(173, 173, 184);
    font-family: "Ubuntu";
    font-size: 13px;
    font-weight: 20px;
    padding-left: 1em;
    padding-right: 1em;
}

#disclaimer {
    color: rgb(173, 173, 184);
    font-family: "Ubuntu";
    font-size: 13px;
}

#checkbox {
    color: rgb(173, 173, 184);
    font-family: "Ubuntu";
    font-size: 15px;
    align-self: end;
}

#info-container {
    position: fixed;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    max-width: 50%;
    background-color: rgba(24, 24, 27, 0.75);
    padding: 10px;
}

a {
    color: rgb(169, 112, 255)
}