body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-image:url(/hd_cuts/assets/background_img.749cc093.svg);height:100vh;width:100vw;overflow:hidden;position:relative}.App:before{content:"";position:absolute;top:0px;left:0px;width:100vw;height:100vh;background:linear-gradient(226deg,red,#000000);opacity:70%;z-index:0}.Footer{position:fixed;bottom:0px;right:0px;padding:10px}.logo{width:70px}.Info{color:#fff;display:flex;flex-direction:column;width:30%;height:100vh;justify-content:center;margin-left:20px;z-index:2;position:relative}.Heading{font-size:4ch;font-weight:bolder}.Description{width:43ch;font-size:2ch}.Videos{position:absolute;right:0px;top:0px;height:100vh;width:50%;display:grid;place-items:center;z-index:2}.VideoCollectionWidget{display:grid;place-items:center;position:relative;width:500px;height:272px}.VideoCollectionWidget.theater{display:none}.VideoCollectionWidget.cascade{animation-name:fly_up_animation;animation-duration:3s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@keyframes fly_up_animation{0%{top:10%;opacity:100%}to{top:-500px;opacity:0%;visibility:hidden}}.Video{position:absolute;display:block;height:200px;width:370px;border-radius:20px;background:linear-gradient(44deg,black,#747474);box-shadow:5px 10px 18px #00000080;background-size:contain}.Video:before{position:absolute;content:"";display:block;background-image:url(/hd_cuts/assets/play_btn.397dde23.svg);background-size:contain;width:100px;height:100px;top:50%;left:50%;transform:translate(-50px,-50px)}.VideoCollectionList{display:grid;gap:10px;place-items:center;position:absolute;width:500px;height:100vh;transform:skew(-19deg);right:0px;top:0px;overflow:auto;direction:rtl}.VideoCollectionList::-webkit-scrollbar{width:10px}.VideoCollectionList::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}.VideoCollectionList::-webkit-scrollbar-thumb{background:red;border-radius:10px}.VideoCollectionList::-webkit-scrollbar-thumb:hover{background:#b30000}.VideoCollectionList .Video{position:relative}.VideoCollectionList.widget{display:none}.VideoCollectionList.cascade{opacity:0;animation-name:fly_up2_animation;animation-duration:4s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-delay:1s}.VideoCollectionList.theater{animation-name:fall_animation;animation-duration:4s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-delay:1s;animation-delay:5s}@keyframes fly_up2_animation{0%{right:300px;top:100vh;opacity:0%}to{transform:skew(-19deg);right:0px;top:0px;opacity:100%}}@keyframes fall_animation{0%{transform:skew(-19deg);right:0px;top:0px;opacity:100%}to{right:300px;top:100vh;opacity:0%;transform:skew(19deg)}}.TheaterView{display:grid;place-items:center;position:relative;width:500px;height:272px}.TheaterView.cascade,.TheaterView.widget{display:none}.TheaterView.theater{opacity:0%;animation-name:land;animation-duration:3s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-delay:7s}@keyframes land{0%{top:-500px;opacity:0%}to{top:0%;opacity:100%}}.Header{position:fixed;top:0;left:0;width:100vw;font-size:16px;color:#fff;z-index:5;display:flex;gap:20px;justify-content:center}.Nav.disabletrue{visibility:hidden}.Nav{cursor:pointer}.Nav:hover{text-decoration:underline}.Ribbon{position:absolute;display:block;width:500px;height:100vh;background:black;transform:skew(19deg);z-index:1;opacity:70%}.Ribbon.cascade{animation-name:v_animation;animation-duration:4s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.Ribbon.theater{animation-name:fill_animation;animation-duration:6s;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes v_animation{0%{left:0px;top:0px;opacity:70%}50%{right:300px;top:100vh;transform:skew(-19deg);opacity:0%}to{transform:skew(-19deg);right:0px;top:0px;opacity:70%}}@keyframes fill_animation{0%{transform:skew(-19deg);right:0%;opacity:70%}50%{transform:skew(-10deg);right:50%;transform:translate(-250px);width:50vw}to{transform:skew(0);left:0px;width:100vw;opacity:100%}}