.App{text-align:center;display:flex;flex-direction:row}.App-header{background-color:#282c34;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;color:#fff;padding:20px}.search-bar{width:50%;border-radius:20px;padding:4px 20px;border:none;font-family:Urbanist}.search-section{display:none;margin-bottom:3%}.active{background-color:#000;color:#fff;border-bottom:8px solid red!important}.inactive{background-color:#000;color:#fff6}.title{font-size:400%;font-weight:900;margin-bottom:2%}.nav-bar{display:flex;flex-direction:column;width:20%;height:100vh;padding:13vh 4vh 0vh;position:fixed;gap:3%}.dropdown{border-radius:20px;font-family:Urbanist;padding:4px 20px;border:none;width:100%;justify-self:left;text-align:left}.dropdowns{text-align:left}#now-playing-tab,#search-tab{border:0px;font-size:300%;background-color:#0000;text-align:left;width:min-content;transition-duration:.25s}#load-more{height:4vh;width:30vh;margin:1vh 0vh;border-radius:5px;box-shadow:inset 0 0 2000px #ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:transparent;border:none;border-color:#fffc}#movie-info{padding:4% 0% 1%;margin-left:35vh;width:100%}#footer{height:8%;display:block;justify-content:center;align-content:center;color:#ffffff4d}.movie-cards{border-radius:10px;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;margin:0% 6%;gap:1%}.movie-card{border-radius:20px;margin:2% 0%;width:26.06vh;height:39.1vh;background-size:100%;align-content:end;box-shadow:0 0 .5vh #ffffff1a;text-align:left;transition-duration:.6s}.movie-card:hover{cursor:pointer;box-shadow:0 0 2vh 2vh #fff3}.card-buttons{height:4vh;margin:1vh 0vh;border-radius:5px;box-shadow:inset 0 0 2000px #ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:transparent;border:none;border-color:#fffc}.star{color:#ebc445}#movie-img{width:100%;border-radius:15px 15px 0 0}#movie-title{font-size:140%;text-overflow:ellipsis;overflow:hidden;text-wrap:nowrap;margin-bottom:0}#movie-card-text{box-shadow:inset 0 0 2000px #000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:38%;border-radius:0 0 20px 20px;padding:.5vh 2vh 3vh}#favorited{box-shadow:inset 0 0 2000px #ebc445e6;border-color:#ebc445cc}#watched{box-shadow:inset 0 0 2000px #4ea153e6;border-color:rgba(78,161,83 .8)}.modal-content{padding-right:5%;border-radius:10px;width:100%;height:100%;z-index:-1}.video{width:70%;height:45%;border:0px;padding:0% 5% 10%}.hide{display:none}.show{display:block}#movie-modal{z-index:1;position:fixed;left:25%;top:15%;width:96vh;height:54vh;background-size:100%;box-shadow:inset 0 0 0 2000px #0009;border:2px solid rgba(255,255,255,.4);border-radius:10px}#movie-modal{color:#fff}#modal-img{width:40%;border-radius:20px}#modal-title{font-size:300%;margin-bottom:0%}#close-span{display:flex;justify-content:right;padding:5% 5% 0%}#close-button:hover{cursor:pointer}#modal-info{height:100%;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:9%}#favorites-card{background-size:100%;width:80%;height:10vh;text-align:left;border-radius:6px;margin-top:2%;padding:1% 4%;box-shadow:inset 0 0 0 100px #0009}#favorites-container{display:flex;padding:5% 0%;flex-direction:column;align-items:center;width:100%;max-height:110px;background-size:5%;background-color:#ffffff4d;overflow-y:auto;margin-top:7%;border-radius:8px}#watched-card{background-size:100%;width:80%;height:10vh;text-align:left;border-radius:6px;margin-top:2%;padding:1% 4%;box-shadow:inset 0 0 0 100px #0009}#watched-container{display:flex;padding:5% 0%;flex-direction:column;align-items:center;width:100%;max-height:110px;background-size:5%;background-color:#ffffff4d;overflow-y:auto;margin-top:7%;border-radius:8px}#title{width:100%;margin:0% 4%}body{margin:0;font-family:Arial,sans-serif;background-color:#f4f4f4}button{background-color:#282c34;color:#fff;cursor:pointer;font-size:16px;font-weight:700;transition:background-color .3s ease;font-family:Urbanist}button:hover{background-color:#777;color:#fff}