@import url(https://fonts.googleapis.com/css2?family=VT323&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;margin:0}body,code{font-family:VT323,monospace}.App{background-color:#000;color:#fff;display:flex;min-height:100vh}.main-content{align-items:center;display:flex;flex-direction:column;flex-grow:1;padding:2rem}.teletext-page{overflow:hidden;padding:1rem;position:relative}.teletext-page:before{background:linear-gradient(#0003 50%,#0000 0);background-size:100% 4px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}h2{color:#ff0;font-size:36px;margin-bottom:1.5rem;text-align:center}h3{color:#0ff;font-size:28px;margin-bottom:1rem}h4{color:#f0f;font-size:24px;margin-bottom:.5rem}ul{list-style-type:none;padding-left:20px}.channel-item,li{margin-bottom:.5rem}.channel-item{display:inline-flex}.channel-number{color:#fff;width:60px}.channel-name,.channel-number{font-size:36px;text-align:left}.channel-name{color:#ff0;flex-grow:1}.teletext-button{background-color:#00f;border:2px solid #ff0;color:#ff0;cursor:pointer;font-family:VT323,monospace;font-size:24px;margin-bottom:1rem;padding:10px 20px}.teletext-button:hover{background-color:#00c}.date-item{display:inline-flex;margin-bottom:.5rem}.date-number{color:#fff;width:60px}.date-name,.date-number{font-size:28px;text-align:left}.date-name{color:#0f0;flex-grow:1}.page-content{border:1px solid #333;color:#fff;margin-top:1rem;overflow:auto;padding:1rem}.page-navigation{display:flex;justify-content:space-between;margin-top:1rem}.channel-name,.channel-number,.date-name,.date-number,h2,h3,h4{text-shadow:0 0 8px currentColor}.page-jump{display:flex;justify-content:center;margin-top:1rem}.teletext-input{background-color:#000;border:2px solid #ff0;color:#fff;font-family:VT323,monospace;font-size:24px;margin-right:10px;padding:10px;text-align:center;width:120px}.teletext-input:focus{border-color:#0ff;outline:none}.teletext-header{align-self:stretch;background-color:#000;box-sizing:border-box;color:#ff0;display:flex;font-size:24px;justify-content:space-between;margin-bottom:1rem;padding:5px 10px;width:100%}.teletext-header .channel{text-align:left;width:180px}.teletext-header .date{flex-grow:1;text-align:center}.teletext-header .time{text-align:right;width:180px}.teletext-title-container{display:flex;justify-content:center;margin:2rem 0 4rem;position:relative}.teletext-title-container:after{background-color:#ff0;bottom:-25px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:110%}.teletext-title-char{align-items:center;background-color:#ff0;border:2px solid #ff0;box-shadow:0 0 0 2px #000;color:#000;display:inline-flex;font-family:VT323,monospace;font-size:60px;height:70px;justify-content:center;margin-left:-5px;width:70px}.teletext-title-char.char-0{transform:translateY(0)}.teletext-title-char.char-1{transform:translateY(15px)}.tvFrame{aspect-ratio:5/4;border-radius:0;max-width:720px;width:80vw}.crtScreen,.tvFrame{background-color:#000;overflow:hidden;position:relative}.crtScreen{height:100%;width:100%}.screenContent{color:#fff;height:100%;transform:scale(1);transform-origin:top left;z-index:2}.screenBand,.screenContent{overflow:hidden;position:absolute;width:100%}.screenBand{animation-delay:2s,;animation-duration:10s;animation-iteration-count:infinite;animation-name:crtScanlineMovement;animation-timing-function:linear;background-color:#fff;display:flex;height:5vh;opacity:1;top:0;z-index:0}.screenBand.hide-band{opacity:0}.scanlines{background:repeating-linear-gradient(180deg,#0000,#0000 2px,#0000004d 0,#0000004d 4px);background-size:100% 4px;height:100%;left:0;pointer-events:none;top:0;width:100%;z-index:3}.scanlines,.snow{position:absolute}.snow{animation:shift .2s linear infinite both;background-image:url(/static/media/noise.c38b229bde9533ac06ce.png);inset:-200%;opacity:90%}.snow.hide-snow{opacity:0}@keyframes snow{0%{background-position:0 0}to{background-position:10px 10px}}@keyframes flicker{0%,to{opacity:.7}50%{opacity:.6}}@keyframes crtTurnOn{0%{opacity:0;transform:scaleY(0) scaleX(0)}to{opacity:1;transform:scaleY(1) scaleX(1)}}@keyframes crtFlicker{0%{opacity:1}10%{opacity:.8}20%{opacity:1}30%{opacity:.9}40%{opacity:1}50%{opacity:.7}60%{opacity:1}70%{opacity:.8}80%{opacity:1}90%{opacity:.9}to{opacity:1}}@keyframes crtScanlineMovement{0%{top:100%}to{top:-100%}}@keyframes crtScanlineFlicker{0%{opacity:.1}to{opacity:.5}}@keyframes shift{0%{transform:translateX(10%) translateY(10%)}to{transform:translateX(-10%) translateY(-10%)}}.sidebar{background-color:#111;border-right:2px solid #333;color:#fff;padding:20px;width:200px}.dropdown-container{margin-bottom:20px}.dropdown-container label{color:#ff0;display:block;font-size:18px;margin-bottom:5px}.dropdown-container select{background-color:#000;border:2px solid #ff0;color:#fff;font-family:VT323,monospace;font-size:16px;padding:8px;width:100%}.checkbox-container{align-items:center;display:flex;margin-bottom:10px;margin-top:20px}.checkbox-container label{color:#ff0;font-size:18px;margin-right:10px}.checkbox-container input[type=checkbox]{height:20px;width:20px}.page-jump-container{margin-top:20px}.page-jump-container label{color:#ff0;display:block;font-size:18px;margin-bottom:5px}.page-jump-container input[type=text]{background-color:#000;border:2px solid #ff0;color:#fff;font-family:VT323,monospace;font-size:16px;margin-right:5px;padding:8px;width:calc(100% - 50px)}.page-jump-container button{background-color:#00f;border:2px solid #ff0;color:#ff0;cursor:pointer;font-family:VT323,monospace;font-size:16px;padding:8px 10px}.description-container{border:1px solid #ff0;border-radius:5px;margin-top:2rem;padding:1rem}.description-container p{color:#fff;font-size:1rem;line-height:1.5;margin:0;text-align:left}.sidebar-status{border-top:1px solid #ccc;color:#999;font-size:1em;margin-top:20px;padding-top:10px}.sidebar-status p{margin:5px 0}
/*# sourceMappingURL=main.b4ac7dc6.css.map*/