/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background-color: black;
  color: black;
  font-family: Verdana;
}

    @font-face {
    font-family: 'showpop';
    src: url(https://sun-series.com/Showpop.woff) format("woff"),
    url(https://sun-series.com/Showpop.ttf) format("truetype");
}

    @font-face {
    font-family: 'amorlate';
    src: url(https://sun-series.com/Amorlate.otf) format("otf"),
    url(https://sun-series.com/Amorlate.ttf) format("truetype");
}

    @font-face {
    font-family: 'vcr';
    src: url(https://sun-series.com/VCR_OSD_MONO_1.001.ttf) format("truetype");
}

@font-face {
  font-family: 'verve';
  src: url(https://sun-series.com/Verve.ttf) format("truetype");
}

@font-face {
  font-family: 'birmingham';
  src: url(https://sun-series.com/Birmingham.ttf) format("truetype");
}

@font-face {
  font-family: 'bebas';
  src: url(https://sun-series.com/BebasNeue-Regular.ttf) format("truetype");
}

.tvscreen {
            width: 985px;
            height: 920px;
            margin: auto;
            overflow: hidden;
            position: relative;
        }

        .screen {
            z-index: 5;
            width: 985px;
            height: 920px;
            margin: auto;
            background-position: center;
            pointer-events: none;
            position: absolute;
        }
        
          .sections {
            border-color: white;
            border-width: 1px;
            border-style: solid;
            margin: 5px;
            font-family: 'vcr';
            padding: 7px;
        }
        
    .innertv {
            margin-top: 20px;
            padding: 11% 11% 0 11%;
            height: 700px;
            width: 100%;
            box-sizing: border-box;
            overflow: scroll;
        }