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