html,body{margin:0;padding:0;width:100%;height:100%;box-sizing:border-box}.app{display:flex;flex-direction:column;width:100vw;height:100vh;margin:0;padding:0;box-sizing:border-box}.top{width:100%;background-color:#1a1f36;display:flex;align-items:flex-start;padding:20px;align-items:center}.bottom{flex:1;background-color:#d3d3d3;overflow-y:auto}.bottom-rows{flex-grow:1}.image-container{margin-left:10px;height:100%;aspect-ratio:16 / 9}.image-container img{height:auto;max-height:500px;display:block;border-radius:8px}@media screen and (max-width: 1080px){.image-container,.image-container img{width:50rem}}@media screen and (max-width: 365px){.image-container{width:21rem;padding-left:5px}.top{display:grid;grid-template-columns:1fr;width:350px}}.tv-show-info{max-width:1800px;padding-left:50px;color:#d1d5db}.tv-show-info h1{margin:0;font-size:3rem}.tv-show-info p{font-size:2rem;line-height:1.5;white-space:normal;font-family:sans-serif;text-wrap:wrap}.tv-show-info .time{font-size:1.5rem}.channel-label,.channel-name{width:150px;background-color:#f0f0f0;position:sticky;left:0;z-index:1}.time-slot{text-align:center;border-right:1px solid black}.channels{display:grid}.channel-row{display:grid;grid-template-columns:150px repeat(6,1fr);height:6rem;border:1px solid black;background-color:#f0f0f0;transition:background-color .3s ease}.program.selected{background-color:#0078d4;color:#000}.program{border:1px solid black;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-content:center;font-size:larger;border-color:#000;grid-template-columns:150px repeat(6,1fr);display:grid;padding-left:.5rem;transition:background-color .3s ease,color .3s ease;background-color:#fff}.time-labels{position:sticky;top:0;z-index:2;padding-top:1rem;padding-bottom:.7rem;height:1.7rem;border:black;font-size:x-large;font-weight:700;display:grid;grid-template-columns:150px repeat(6,1fr);border:1px solid black;background-color:#323645;color:#d1d5db}.channel-name{position:sticky;left:0;z-index:1;padding-left:1.5rem;align-content:center;font-size:larger;font-weight:700;background-color:#33415c;width:7.7rem}.tv-guide{overflow:hidden;max-height:100vh}.time-labels,.channel-row{display:grid;grid-template-columns:150px repeat(6,1fr)}@media (max-width: 600px){.time-labels,.channel-row{grid-template-columns:100px repeat(6,1fr)}.channel-label,.channel-name{width:100px}}.channel-label{width:150px;background-color:#323645}.scroll-container{overflow-y:hidden;max-height:900px}a.fill-div{height:100%;width:100%;text-decoration:none}.channel-row{background-color:#33415c;color:#d1d5db}.program{background-color:#3e424a;color:#d1d5db}.program a{color:#d1d5db;font-weight:bolder}