@font-face { 
  font-family: 'VGA';
  
  src: url('/public/fonts/VGA.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

:root {
    --color-orange: #FF6A00;
}

.container {
    display: flex;
    justify-content: center;
    position: absolute;
    z-index: -10;
}

.chat {
    width: 600px;
    min-height: 100%;
    padding-inline-start: 60px;
}
.tvcat {
    width: 190px;
    min-height: 100%;
    
}
.mainframe .upper {
height: 175px;
padding-top: 61px;
display: flex;
width: fit-content;
}
.backgroundTest {
    background: url(./public/img/BG.jpg);
    font-size: 20px;
    width: 100vw;
    background-size: contain;
    height: 100vh;
    padding: 0;
    background-repeat: no-repeat;
    background-color: #000;
    display: flex;
    justify-content: center;
}


.status {
    color: var(--color-orange);
}


.vid {
    max-height: 100vh;
    width: 100vw;
    overflow: hidden;
}
.vid video {
    width: 100vw;

}

.mainframe {
    background: url('./public/img/mainframe.png');
    width: 944px;
    height: 889px;
    margin: auto;
}


h1, h2, h3, h4, h5, h6, p {
    background: none;
    color: #fff;
}
* {
    font-family: "VGA", "monospace";
    /* background: none;
    background-color: transparent; */
}
body {
    padding: 0;
    margin: 0;

    
}