@import"https://fonts.googleapis.com/css2?family=Shanti&display=swap";*{font-family:Shanti,sans-serif}#root{display:flex;justify-content:center;gap:3rem}html{background-image:url(https://wallpaperaccess.com/full/1077152.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;scroll-behavior:smooth;background-attachment:fixed;transition:background-image 2s ease-in-out}.body{box-sizing:content-box}.skeleton{animation:skeleton-loading 1s linear infinite alternate}.skeleton-text{width:100%;height:.9em;margin-bottom:.25rem;border-radius:.125rem}.skeleton-text:last-child{width:40%;margin-bottom:0}@keyframes skeleton-loading{0%{background-color:#eb8c1f70}to{background-color:#eb8c1f4e}}.subtitle{color:#eb8c1fd8}.burger{display:none}::-webkit-scrollbar{width:5px;background-color:#2e4a2e}::-webkit-scrollbar-thumb{background-color:#eb8c1f;border-radius:5px;transition:all .5ms}.title{color:#eb8c1f;font-size:4rem;font-weight:600;margin-bottom:0}.layout{width:80%;display:flex;flex-direction:column;align-items:center}.navbar{display:flex;flex-direction:row;justify-content:space-between;padding:1rem;padding-top:0;padding-bottom:0;align-items:center;height:70px;width:100%;background-color:#000000b1}.navbar-btns{height:100%;display:flex}.navbar-btns i:hover{color:#eb8c1fd8}.navbar-btns a:hover{background-color:#eb8c1f;color:#111}.navbar-btns a:active{rotate:.2deg}.navbar-btns a,.navbar-btns i{color:#eb8c1f;font-size:1.1rem;font-weight:500;text-decoration-line:none;height:100%;display:flex;align-items:center;width:auto;padding-left:1.5rem;padding-right:1.5rem}.brand-name{color:#eb8c1f;font-size:1.6rem}.navbar-brand{height:auto;margin-left:2rem}.moviedetails{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%;height:450px;animation:1s ease-out 0s 1 slideInFromLeft}.sysnav-icons{margin:20px;align-self:flex-start;display:flex;gap:1.5rem;position:sticky;top:2rem;z-index:1000}.sysnav-icon button.disabled{cursor:not-allowed;color:#eb8c1f7e;background-color:#11111151}.sysnav-icon:hover button.disabled:hover{scale:1!important}.sysnav-icon button,.sysnav-icon{color:#eb8c1f;font-size:1.5rem;font-weight:600;background:none;border:1px solid rgb(235,140,31);border-radius:100%;background-color:#11111192;outline:none;transition:all .1s}.sysnav-icon button:hover{scale:1.1}.sysnav-icon:active{color:#eb8c1fa0}.movietd{color:#eb8c1f;background-color:#000000b1;width:45%;padding:4rem;box-shadow:0 3px 3px #252525}@keyframes slideInFromLeft{0%{transform:translate(-5%)}to{transform:translate(0)}}.movie-title{font-size:2rem;font-weight:600}.movie-data{margin-top:.6rem;font-size:.8rem;font-weight:800;color:#010101;display:flex;gap:1rem;text-align:center}.data-piece{display:flex;align-items:center;justify-content:center;background-color:#eb8c1f;border-radius:13px;width:6rem;height:20px;padding:.2rem}.footerdata-piece{background-color:#eb8c1f;border-radius:13px;padding:.5rem;color:#000;text-decoration-line:none}.movie-image-holder{width:20%;height:80%}.movie-image:hover{transform:scale(1.01)}.category-row{display:flex;flex-direction:column;gap:.5rem;justify-content:center;height:auto}.movie-overview{font-size:1rem;margin-top:1rem;width:100%;height:50%;overflow-wrap:break-word}.footer{padding:3rem;background-color:#252525cc;margin:0;color:#eb8c1f;display:flex;flex-direction:row;justify-content:space-between}.footer-text{width:100%}.footer-links{display:flex;flex-direction:row;width:80%;justify-content:space-around}.link-divs ul li{list-style-type:none;margin-top:-1rem;margin-bottom:2.5rem}.footer-subtitle{display:block}.rowimages::-webkit-scrollbar{height:5px;background-color:#2e4a2e}.movieimage{transition:all .1s;width:165px;height:220px;margin-left:25px;flex-shrink:0}.movieimage:hover{transform:translateY(-5px);box-shadow:0 1px 10px #ffffff80}.navbar-btns button:hover{background-color:#779b77;transform:scale(1.09)}.intro-fadebottom{height:7.4rem;background-image:linear-gradient(180deg,transparent,rgba(37,37,37,.61),#111,)}.intro{background-color:transparent;display:flex;align-items:center;justify-content:center;width:100%;background-color:#000000b1}.intro-content{display:flex;flex-direction:column;align-items:center;height:300px}.rowimages{display:flex;flex-wrap:nowrap;align-items:center;overflow-x:auto;overflow-y:visible;height:250px}.introbtn{border-style:none;background-color:#4f664f;border-radius:4px;color:#eb8c1f;margin-right:20px;width:10rem;height:3rem;font-size:15px;cursor:pointer;transition:all .1s;font-weight:700}.introbtn:hover{background-color:#383535;transform:scale(1.01)}