@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);@import url(https://fonts.googleapis.com/css2?family=Redressed&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cormorant+Unicase:wght@700&display=swap);body{font-family:"Roboto",sans-serif;display:flex;justify-content:space-around;align-items:center;border:1px solid #000;background-color:#000;background-color:linear-gradient(0deg,#000,#a2a2a2 49%,#000);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%232a2e2c'%3E%3Cpath d='M769 229l268 31.9M927 880L731 737l-211-77-211-122-269 61 255 165-168.5 115.5L40 599l-237-106 299-111-133-153L126.5 79.5-69-63'/%3E%3Cpath d='M-31 229l268 32 153 121 213 111-294.5 44.5-207-156M370 905l-75-141'/%3E%3Cpath d='M520 660l58 182 153-105 109-138-237-106-83 167-225 104 14-226 81-156 149-113 230-40L577.5 41.5 370 105 295-36 126.5 79.5 237 261 102 382 40 599-69 737l196 143'/%3E%3Cpath d='M520-140l58.5 182.5L731-63M603 493l-64-224-302-8 133-156m532 277L539 269M390 382H102'/%3E%3Cpath d='M-222 42l348.5 37.5L370 105l169 164 38.5-227.5L927 80 769 229l133 153-299 111 128 244M295-36l282.5 77.5M578 842l-283-78M40-201l87 281m-25 302l-363-113'/%3E%3C/g%3E%3Cg fill='%23555'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E")}@media screen and (max-width:530px){body{width:530px;display:flex;flex-direction:column;justify-content:center;align-items:center}}.nav-bar{background:#d2691e;padding:15px;display:flex;justify-content:space-between;align-items:center}.nav-bar .more-options .link{text-decoration:none;color:#000}.nav-bar .more-options .link:hover{cursor:pointer;color:#fff}.nav-bar .logo{display:flex;transition:.5s ease-in-out}.nav-bar .logo:after{position:absolute;content:"Load Popular Movies";margin-top:80px;margin-left:15px;transform:rotate(-5deg);visibility:hidden}.nav-bar .logo:hover{cursor:pointer;transform:translateY(-20px)}.nav-bar .logo:hover:after{visibility:visible;transform:translateY(-25px)}@media screen and (max-width:530px){.nav-bar{position:relative}.nav-bar .website-title{display:none}}.movie-card{padding:5px;background:#615f5f;background:linear-gradient(0deg,#615f5f,#a2a2a2 49%,#555353)}.movie-card .a2f{position:absolute;margin-top:385px;margin-left:235px;color:#5f9ea0;z-index:1}.movie-card .title{background:rgba(0,0,0,.493);padding:5px;position:absolute;margin-top:-35px;color:#fff;width:290px}.data-field{background:#292828;display:flex;flex-direction:column;align-items:center}.data-field .top-btns input{font-size:17px;padding:10px 15px;border-radius:20px}.data-field .movie-display{padding:3px;display:grid;grid-template-columns:310px 310px 310px 310px;grid-gap:3px 10px;gap:3px 10px}.data-field .movie-display .empty-favs{color:#fff;padding:25px;font-size:25px}.data-field .footer-area{background:#000;color:#fff;display:flex;justify-content:center;align-items:center}.data-field .footer-area .link{color:#d2691e;text-decoration:none;padding-left:5px}.data-field .btn-def{color:#fff;border:unset;margin:5px;padding:15px;border-radius:20px;background:#d2691e}.data-field .btn-def:hover{cursor:pointer;background:#53321a}@media screen and (max-width:530px){.data-field{display:flex;flex-direction:column;margin-left:0;position:relative}.data-field .top-btns{position:relative;left:60px;width:78.5%}.data-field .movie-display{padding:5px;display:grid;grid-template-columns:200px 200px;grid-gap:10px 10px;gap:10px 10px}.data-field .movie-display .movie-card .a2f{margin-left:120px;margin-top:180px}.data-field .movie-display .movie-card .title{width:186px}.data-field .movie-display .movie-card .image .link .poster{width:188px;height:280px}}.movie-details{display:flex;flex-direction:column;justify-content:center;padding:5px 0;background:rgba(7,7,7,.288)}.movie-details .backdrop .backdrop-img{z-index:1;height:630px;width:1260px}.movie-details .movie{position:absolute;padding:5px;z-index:1;background:rgba(0,0,0,.247);width:1230px;display:flex}.movie-details .movie .poster{padding:0 10px}.movie-details .movie .movie-text{color:#cecece;background:rgba(0,0,0,.281);padding:0 15px}.movie-details .movie .movie-text .title{color:#d2691e;font-family:"Cormorant Unicase",serif;box-shadow:2px 2px 5px 1px #000;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;font-size:30px;margin-top:5px;margin-bottom:15px;padding-left:5px}.movie-details .movie .movie-text .plot{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;padding:2px;font-size:1.5rem;font-family:"Redressed",cursive}@media screen and (max-width:530px){.movie-details{padding:1px;background:rgba(7,7,7,.288);z-index:1;display:flex;justify-content:center;align-items:center;flex-direction:column}.movie-details .backdrop{padding:5px 0;border-bottom:3px dotted #fff;margin-bottom:5px}.movie-details .backdrop .backdrop-img{z-index:1;height:30%;width:100%}.movie-details .movie{position:relative;top:0;left:0;padding:1px;z-index:5;background:rgba(0,0,0,.247);width:auto;display:flex;flex-direction:column;align-items:center}.movie-details .movie .poster{box-shadow:2px 2px 5px 1px #000}.movie-details .movie .movie-text{color:#cecece;background:rgba(0,0,0,.281);padding:0 5px}.movie-details .movie .movie-text,.movie-details .movie .movie-text .title{display:flex;flex-direction:column;justify-content:center;align-items:center}.movie-details .movie .movie-text .title{color:#d2691e;font-family:"Cormorant Unicase",serif;box-shadow:2px 2px 5px 1px #000;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;font-size:30px;margin-top:5px;margin-bottom:15px;padding-left:5px}.movie-details .movie .movie-text .plot{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;padding:2px;font-size:1.5rem;font-family:"Redressed",cursive;width:auto}}
/*# sourceMappingURL=main.db3e457c.chunk.css.map */