.App{text-align:center}.App-header{background-image:radial-gradient(#122854,#030303);height:100px;font-size:90px;text-align:center;font-weight:bolder;font-family:Times New Roman,Times,serif;justify-content:center;color:#fff}@media (max-width: 600px){.movie-card{width:100%}.search-bar{flex-direction:column;gap:10px}.search-bar form{flex-direction:column}}.ToggleButton{position:absolute;margin:10px;padding:6px 14px;font-size:13px;cursor:pointer;background-color:#4caf50;color:#fff;border:none;border-radius:5px;right:100px;top:15px}.ToggleSideBarButton{position:absolute;border-radius:10px;height:40px;width:150px;top:40px;left:300px;z-index:1;background-color:#316733}.ToggleSideBarButton:hover,.ToggleButton:hover{background-color:#45a049}.App-footer{position:absolute;background-image:radial-gradient(#122854,#030303);height:100px;width:100%;font-size:60px;text-align:center;font-weight:bolder;font-family:cursive;justify-content:center}.Main-App{min-height:100vh;height:100%}.load{position:relative;margin:10px;bottom:30px;right:45%;justify-content:center;padding:6px 14px;font-size:13px;cursor:pointer;background-color:#4c66af;color:#fff;border:none;border-radius:5px}.imgheader{position:relative;right:200px;height:100px;width:30%;opacity:.1}.text-footer{background-image:radial-gradient(#122854,#030303);position:relative;width:fit-content;text-align:center;top:30px;font-size:40px;text-align:left;font-weight:bolder;font-family:Times New Roman,Times,serif;justify-content:center;color:#fff}.movieCard{position:relative;box-shadow:0 10px 20px #0003,0 6px 20px #cb474730;background-color:#143854;padding:5px;border:rgb(49,55,103) solid;width:200px;height:340px;border-radius:10px;margin:3px 3px 15px;justify-content:center;opacity:.8;overflow-y:visible}.movieCard:hover{background-color:#32709c;justify-content:center;border-color:black solid 3px}.CardImage{width:200px;height:230px;border-radius:10px;justify-content:center}.CardImage:hover{height:235px;transition-duration:.4s;position:static}.CardTitle{text-align:center;color:#fff;margin-top:5px;margin-bottom:0}.rating{position:absolute;font-weight:lighter;color:#a7b5c1;text-align:left;margin:0;bottom:35px}.likeButton{margin-bottom:5px;width:20px;position:absolute;bottom:0}.WatchedList{margin-bottom:10px;width:70px;height:10px;padding-bottom:7px;font-family:cursive;position:absolute;bottom:0;right:10px;font-size:10px;justify-content:center;text-align:center;cursor:pointer;background-color:#4caf50;color:#fff;border:none;border-radius:5px}.MovieContainer{position:relative;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:flex-start;background-image:radial-gradient(#122854,#030303)}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:1300px;overflow-y:scroll;background-color:#3931a666;opacity:.98}.modal.show{display:block}.modal-content{background-image:radial-gradient(#122854,#030303);background-color:#edd5f2;margin:15% auto;padding:0;border:2px solid #888;border-radius:25px;width:900px;height:800px}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.modalImage{position:relative;width:320px;height:401px;z-index:3;bottom:245px;border-radius:20px 20px 1px 1px}.title{position:relative;left:500px;bottom:900px;width:300px;font-family:Times New Roman,Times,serif;font-style:italic;font-size:60px;margin:0;text-align:center;z-index:3;color:#fffaf3}.release{position:relative;left:20px;bottom:850px;width:300px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:23px;color:#f1eaff;z-index:3}.facts{position:relative;left:20px;bottom:830px;width:500px;font-size:17px;font-family:cursive;text-align:justify;color:azure;z-index:3}.overviewTitle{position:relative;left:120px;bottom:1450px;width:300px;font-family:Times New Roman,Times,serif;font-weight:bolder;font-size:25px;color:azure;text-decoration:underline}.overview{position:relative;left:20px;bottom:1450px;width:300px;font-size:15px;font-family:cursive;font-style:italic;text-align:justify;color:azure}.trailer{position:relative;bottom:915px;left:400px;width:500px;height:645px;border-bottom-right-radius:10px}.backdropImage{position:relative;margin:0;size:100%;bottom:650px;width:900px;border-radius:10px 10px 1px;height:400px;z-index:2}.Search{position:fixed;right:100px;top:61px}.SearchButton{position:fixed;right:30px;top:60px}.searchContainer{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:flex-start;padding:10px;border:10px;overflow-y:scroll}.Filter{position:fixed;left:100px;top:70px}.filterContainer{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:flex-start;padding:10px;border:10px;overflow-y:scroll;background-image:linear-gradient(#6f0404,#4f4f07,#3a9292,#72084b,#6f0404)}.SearchContainer{position:relative;height:100%;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:flex-start;padding:15px;background-image:radial-gradient(#122854,#030303)}.load{position:absolute}.no-results{position:relative;height:1000px;display:flex;align-items:flex-start;padding:15px}.SideBar{height:100vh;width:300px;background-color:#111;color:#fff;position:fixed;top:0;left:0;padding-top:20px;z-index:1000}.SideBar a{padding:8px 16px;text-decoration:none;font-size:25px;color:#fff;display:block}.SideBar li:hover{background-color:#ccc}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}button:hover{background-color:#777;color:#fff}