@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

body {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    background: #e77a3b;
    color: #fff;
}

a, div.title:not(.nofocus) {
    color: #ffdd8f;
}

iframe {
  border: none;
}

iframe:not(#chnavbar) {
  min-height: 300px;
}

.csf {
    font-family: 'Comic Neue', cursive;
}

.csf.lg {
    font-size: 2em;
}

.header, .title, .content {
    background: #552f25;
    display: inline-block;
}

.title {
    font-size: 2em;
}

.title.nofocus {
    color: #fff;
    padding: 2px;
    background: #913d29;
    display: inline-block;
    text-decoration: none;
}

a.title.nofocus:active {
    background: #552f25;
}

.sub {
    font-size: 1.2em;
}

.main_tlbox {
    background: #552f25;
    margin: 0;
    height: 100%;
    width: fit-content;
    padding: 2%;
    min-width: 49%;
}

#chnavbar {
  width: 100%;
  height: min-content;
  max-height: min-content;
  display: inline-block;
}

.navbody {
  overflow-y: hidden;
}