.homepage .imagePlaceholder{width:100%;height:100vh;position:fixed;top:40px;overflow:hidden}.homepage .imagePlaceholder .backgroundImage{border-radius:30px;width:calc(100% - 60px);height:calc(100% - 100px);margin:30px}.homepage .nameComponent{background-color:#000;flex-direction:column;justify-content:flex-end;width:100%;height:calc(100vh - 500px);display:flex;position:relative}.homepage .nameComponent .nameRow{color:#e4ccab;margin:-10px -10px -10px 60px;font-family:THICCCBOI-Bold;font-size:240px;font-weight:500}.homepage .nameComponent .nameRowDiv{flex-direction:row;width:fit-content;margin:-10px;display:flex;position:relative}.homepage .nameComponent .nameRowDiv .namesubtextcontainer{color:#e4ccab;width:350px;height:200px;margin-left:40px;font-size:24px;font-weight:500;position:relative;overflow:hidden}.homepage .nameComponent .nameRowDiv .namesubtextcontainer .namesubtext{animation:1.5s moveUp;position:absolute}.homepage .nameRowDiv2,.homepage .nameRowDiv3{background-color:#000;position:relative}.homepage .nameRowDiv2.nameRowDiv2,.homepage .nameRowDiv3.nameRowDiv2{mix-blend-mode:darken}.homepage .nameRowDiv2 .nameRow,.homepage .nameRowDiv3 .nameRow{color:#e4ccab;margin:-10px -10px -10px 60px;font-family:THICCCBOI-Bold;font-size:230px;font-weight:500}.homepage .emptyDiv{width:100%;height:100vh;position:relative}@keyframes moveUp{0%{top:200px}to{top:0}}@font-face{font-family:THICCCBOI-Black;src:url(/static/THICCCBOI-Black-CrHdcUKq.ttf);font-style:normal;font-stretch:100%}@font-face{font-family:THICCCBOI-Bold;src:url(/static/THICCCBOI-Bold-Dcbuz-rs.ttf);font-style:normal;font-stretch:100%}@font-face{font-family:THICCCBOI-ExtraBold;src:url(/static/THICCCBOI-ExtraBold-BTNAGtOv.ttf);font-style:normal;font-stretch:100%}@font-face{font-family:THICCCBOI-Light;src:url(/static/THICCCBOI-Light-xYzxQ5UQ.ttf);font-style:normal;font-stretch:100%}@font-face{font-family:THICCCBOI-Medium;src:url(/static/THICCCBOI-Medium-D4uiajDS.ttf);font-style:normal;font-stretch:100%}@font-face{font-family:THICCCBOI-Regular;src:url(/static/THICCCBOI-Regular-BziRmwb8.ttf);font-style:normal;font-stretch:100%}@font-face{font-family:THICCCBOI-Semibold;src:url(/static/THICCCBOI-SemiBold-CTlOPxX0.ttf);font-style:normal;font-stretch:100%}@font-face{font-family:THICCCBOI-ThicccAF;src:url(/static/THICCCBOI-ThicccAF-Ciz214RP.ttf);font-style:normal;font-stretch:100%}@font-face{font-family:THICCCBOI-Thin;src:url(/static/THICCCBOI-Thin-CHmfrTcU.ttf);font-style:normal;font-stretch:100%}.filmInfo{flex-direction:row;margin-top:350px;display:flex}.filmInfo .filmVideoContainer{border:1px solid #e4ccab;border-radius:5px;width:900px;height:500px;margin-left:60px;padding:20px}.filmInfo .filmDetailsContainer{width:650px;margin-left:15px}.filmInfo .filmDetailsContainer .filmeDetailSection{font-size:14px}.filmInfo .filmDetailsContainer .filmeDetailSection .filmDetailTitle{margin:0;font-size:18px;font-weight:700}.pageTitleComponent{background-color:#000;width:100%;min-height:220px;position:fixed;top:60px}.pageTitleComponent .pageTitle{color:#e4ccab;white-space:nowrap;text-align:start;margin-top:-20px;margin-bottom:-20px;margin-left:60px;font-family:THICCCBOI-Bold;font-size:240px;font-weight:500;position:absolute}.pageTitleComponent .pageTitleInvisible{color:#e4ccab;white-space:nowrap;opacity:0;margin-top:-20px;margin-bottom:-20px;margin-left:60px;font-family:THICCCBOI-Bold;font-size:240px;font-weight:500;position:absolute;top:-300px}.pageTitleComponent .underlineTitle{background-color:#e4ccab;width:100%;height:8px;animation:1s widthExpand;position:absolute;bottom:0;left:0}@keyframes widthExpand{0%{width:0}to{width:100%}}.filmSectionsContainer{margin-top:320px}.filmSectionsContainer .filmSectionComponent{min-height:460px;margin-top:20px}.filmSectionsContainer .filmSectionComponent .subtitleComponent .subtitle{color:#e4ccab;margin-left:40px;font-family:THICCCBOI-Bold;font-size:40px;font-weight:500}.filmSectionsContainer .filmSectionComponent .filmPostersContainer{flex-direction:row;width:90%;min-height:415px;margin-left:40px;padding:4px;display:flex;overflow-x:scroll}.filmSectionsContainer .filmSectionComponent .filmPostersContainer .filmPosterContainer{z-index:0;border:.5px solid #e4ccab;border-radius:5px;min-width:260px;height:400px;margin-right:30px;overflow:hidden}.filmSectionsContainer .filmSectionComponent .filmPostersContainer .filmPosterContainer.zoomIn{border:2px solid #e4ccab;margin-top:-1.5px;margin-left:-1.5px;margin-right:28.5px}.filmSectionsContainer .filmSectionComponent .filmPostersContainer .filmPosterContainer .filmPoster{z-index:1;cursor:pointer;height:400px;padding:0}.filmSectionsContainer .filmSectionComponent .filmPostersContainer .filmPosterContainer .filmPoster.zoomIn{animation:1s zoomIn;transform:scale(1.1)}.filmSectionsContainer .filmSectionComponent .filmPostersContainer .filmPosterContainer .filmPoster.zoomOut{animation:1s zoomOut;transform:scale(1)}@keyframes zoomIn{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes zoomOut{0%{transform:scale(1.1)}to{transform:scale(1)}}.aboutSection{flex-direction:column;width:60%;margin-top:300px;padding:40px;display:flex}.aboutSection .aboutParagraph{color:#fff}.aboutSection .aboutParagraph.hover:hover{text-decoration:underline}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#e4ccab;background-color:#000;margin:0;font-family:THICCCBOI-Medium}.header{z-index:10;background-color:#000;flex-direction:row;width:100%;display:flex;position:fixed;top:0}.header .leftHeader{min-width:300px;margin-left:20px;margin-right:20px}.header .leftHeader .leftHeaderTitle{cursor:pointer;color:#fff;font-size:19px;font-weight:300}.header .rightHeader{flex-direction:row;justify-content:flex-end;width:100%;display:flex}.header .rightHeader .rightHeaderMenuContainer{cursor:pointer;flex-direction:row;justify-content:flex-end;margin-right:100px;display:flex}.header .rightHeader .rightHeaderMenuContainer .headerMenuButton{margin:0 20px}.header .rightHeader .rightHeaderMenuContainer .headerMenuButton .headerMenuButtonText{color:#fff;font-size:19px;font-weight:500}.header .rightHeader .rightHeaderMenuContainer .headerMenuButton .headerMenuButtonText:hover{cursor:pointer}.header .rightHeader .rightHeaderMenuContainer .headerMenuButton .headerMenuButtonText.inactive{opacity:.3;animation:.5s fadeOut}.header .rightHeader .rightHeaderMenuContainer .headerMenuButton .headerMenuButtonText.active{opacity:1;animation:.5s fadeIn}@keyframes fadeOut{0%{opacity:1}to{opacity:.3}}@keyframes fadeIn{0%{opacity:.3}to{opacity:1}}.app-version{color:#e4ccab;font-size:6px;position:fixed;bottom:10px;right:10px}