*{margin:0}html{width:100%;max-width:2800px;margin:0 auto}.Main{flex-direction:column;justify-content:center}.Main,header{display:flex;align-items:center;width:100%}header{position:fixed;top:0;justify-content:space-around;background-color:#fbf7ed;max-width:2800px;margin:0 auto;padding-bottom:20px}@media screen and (max-width:950px){header{flex-direction:column}}header .logoGroup{width:30%;display:flex}@media screen and (max-width:950px){header .logoGroup{width:100%;justify-content:space-between;align-items:center}}header .logoGroup img{width:100%}@media screen and (max-width:950px){header .logoGroup img{width:20%;padding:5px}}header .logoGroup .loginTop{display:none}@media screen and (max-width:950px){header .logoGroup .loginTop{display:flex}}header .logoGroup .loginTop h1{font-size:3.5rem;color:#757575;padding:10px}@media screen and (max-width:2800px){header .logoGroup .loginTop h1{font-size:3.5rem}}@media screen and (max-width:1920px){header .logoGroup .loginTop h1{font-size:1.25rem}}header .logoGroup .loginTop h1:hover{cursor:pointer;border-bottom:2px solid #fff}header .logoGroup .logoutTop{display:none;padding:5px}header .logoGroup .logoutTop h1{font-size:2.25rem;color:#757575}@media screen and (max-width:2800px){header .logoGroup .logoutTop h1{font-size:2.25rem}}@media screen and (max-width:1920px){header .logoGroup .logoutTop h1{font-size:1.5rem}}@media screen and (max-width:1366px){header .logoGroup .logoutTop h1{font-size:1rem}}header .logoGroup .logoutTop h1:hover{cursor:pointer;border-bottom:2px solid #fff}header .logoGroup .logoutTop h2{font-size:2.25rem;color:#757575;padding:0 10px 0 0}@media screen and (max-width:2800px){header .logoGroup .logoutTop h2{font-size:2.25rem}}@media screen and (max-width:1920px){header .logoGroup .logoutTop h2{font-size:1.5rem}}@media screen and (max-width:1366px){header .logoGroup .logoutTop h2{font-size:1rem}}@media screen and (max-width:950px){header .logoGroup .logoutTop{display:flex}}@media screen and (max-width:400px){header .logoGroup .logoutTop{flex-direction:column}}header .search{display:none;width:100%;justify-content:space-around;align-items:center}header .search input{width:75%;height:75px;font-size:2.5rem;padding-left:15px;margin:10px 5px 10px 10px;border-radius:15px;border:1px solid #6a7077;display:flex}@media screen and (max-width:2800px){header .search input{font-size:2.5rem;height:75px;border-radius:15px}}@media screen and (max-width:1920px){header .search input{font-size:1.5rem;height:40px;border-radius:5px}}@media screen and (max-width:950px){header .search input{height:30px;font-size:.75rem;width:60%}}header .search input:focus{outline-color:#007f60}header .search button{width:250px;height:75px;font-size:2.5rem;border-radius:15px;color:#fff;background-color:#007f60;border:0;transition-duration:.2s;padding:10px}@media screen and (max-width:2800px){header .search button{font-size:2.5rem;padding:10px;width:250px;height:75px;border-radius:15px}}@media screen and (max-width:1920px){header .search button{font-size:1.5rem;padding:0;width:150px;height:40px;border-radius:5px}}@media screen and (max-width:950px){header .search button{height:30px;font-size:1rem;width:125px;margin:10px 10px 10px 5px}}header .search button:hover{background-color:#002e25}.moviesComp{display:flex;margin:120px 20px 60px;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width:2800px){.moviesComp{margin:120px 20px 100px}}.moviesComp .nav-arrows{display:flex;position:fixed;top:110px;background-color:#fbf7ed;width:100%;justify-content:center;max-width:2800px}@media screen and (max-width:2800px){.moviesComp .nav-arrows{top:110px}}@media screen and (max-width:1920px){.moviesComp .nav-arrows{top:80px}}@media screen and (max-width:950px){.moviesComp .nav-arrows{top:100px}}.moviesComp .nav-arrows button{background-color:transparent;border:0;font-size:3.5rem;color:#818a91}@media screen and (max-width:2800px){.moviesComp .nav-arrows button{font-size:3.5rem}}@media screen and (max-width:1920px){.moviesComp .nav-arrows button{font-size:2.5rem;font-size:2rem}}.moviesComp .nav-arrows button:hover{color:#42474c}.moviesComp .nav-arrows .left{transform:scaleX(-1);-webkit-transform:scaleX(-1)}.moviesComp .nav-arrows h3{font-size:2.5rem;color:#42474c;margin-top:15px}@media screen and (max-width:2800px){.moviesComp .nav-arrows h3{font-size:2.5rem;margin-top:15px}}@media screen and (max-width:1920px){.moviesComp .nav-arrows h3{font-size:1.5rem;margin-top:8px}}@media screen and (max-width:950px){.moviesComp .nav-arrows h3{font-size:1rem;margin-top:12px}}.moviesComp .messageLoggedout{display:flex;flex-direction:column}.moviesComp .messageLoggedout h1{color:#007f60;font-size:3rem;margin-top:115px}@media screen and (max-width:2800px){.moviesComp .messageLoggedout h1{font-size:2.5rem;margin-top:115px}}@media screen and (max-width:1920px){.moviesComp .messageLoggedout h1{font-size:2.5rem;margin-top:100px;text-align:center}}@media screen and (max-width:950px){.moviesComp .messageLoggedout h1{font-size:1.5rem;margin-top:50px;text-align:center}}.moviesComp .messageLoggedout h2{font-size:2rem;text-align:center}@media screen and (max-width:2800px){.moviesComp .messageLoggedout h2{font-size:2rem}}@media screen and (max-width:1920px){.moviesComp .messageLoggedout h2{font-size:2rem}}@media screen and (max-width:950px){.moviesComp .messageLoggedout h2{font-size:1rem}}.moviesComp .messageEmpty{color:#007f60;font-size:2.5rem;margin-top:115px}@media screen and (max-width:2800px){.moviesComp .messageEmpty{font-size:2.5rem;margin-top:115px}}@media screen and (max-width:1920px){.moviesComp .messageEmpty{margin-top:100px}}@media screen and (max-width:950px){.moviesComp .messageEmpty{font-size:1.5rem;margin-top:50px;text-align:center}}.moviesComp .messageInvalid{color:red;font-size:2.5rem;margin-top:115px}@media screen and (max-width:2800px){.moviesComp .messageInvalid{font-size:2.5rem;margin-top:115px}}@media screen and (max-width:1920px){.moviesComp .messageInvalid{margin-top:100px}}@media screen and (max-width:950px){.moviesComp .messageInvalid{font-size:1.5rem;margin-top:50px;text-align:center}}.moviesComp .moviesContainer{display:flex;flex-direction:row;width:100%;flex-wrap:wrap;justify-content:center;margin-top:150px}@media screen and (max-width:2800px){.moviesComp .moviesContainer{margin-top:150px}}@media screen and (max-width:1920px){.moviesComp .moviesContainer{margin-top:60px}}@media screen and (max-width:950px){.moviesComp .moviesContainer{margin-top:40px}}.movieIndividual{width:425px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin:20px}@media screen and (max-width:2800px){.movieIndividual{width:425px}}@media screen and (max-width:1920px){.movieIndividual{width:225px}}@media screen and (max-width:950px){.movieIndividual{width:200px}}.movieIndividual img{width:100%}@media screen and (max-width:950px){.movieIndividual img{width:65%}}.movieIndividual img:before{content:" ";background-position:50%;background-repeat:no-repeat;background-size:cover;display:block;height:300px;width:100%;background-image:url(https://www.kindpng.com/picc/m/381-3813740_film-award-trophy-png-transparent-png.png)}.movieIndividual div{display:flex;flex-direction:column;align-items:center;width:100%}.movieIndividual div h1{font-size:1.5rem;margin:20px 0 5px;text-align:center;width:90%}@media screen and (max-width:950px){.movieIndividual div h1{font-size:1rem;margin:5px 0}}.movieIndividual div h2{font-size:1.25rem}@media screen and (max-width:950px){.movieIndividual div h2{font-size:.75rem}}.movieIndividual div button{width:150px;height:40px;font-size:1.5rem;border-radius:5px;color:#fff;background-color:#007f60;border:0;margin-top:10px;transition-duration:.2s}@media screen and (max-width:950px){.movieIndividual div button{font-size:1rem}}.movieIndividual div button:hover{background-color:#002e25;cursor:pointer}.movieIndividual div .nomMovie{background-color:gold;color:#000}.movieIndividual div .nomMovie:before{content:"Nominated"}.movieIndividual div .nomMovie:hover{background-color:#b8860b;color:#fff;cursor:pointer}.movieIndividual div .nomMovie:hover:before{color:#fff;content:"Deselect"}.movieIndividual div .nomEnough{background-color:grey;color:#fff;pointer-events:none;font-size:1.25rem}.nomIndividual{display:flex;flex-direction:column;justify-content:center;align-items:center;width:450px;margin:20px}@media screen and (max-width:2800px){.nomIndividual{width:450px}}@media screen and (max-width:1920px){.nomIndividual{width:240px}}@media screen and (max-width:950px){.nomIndividual{width:90px;margin:5px;justify-content:space-around}}.nomIndividual h1{font-size:1.75rem;background-color:gold;text-align:center;width:100%}@media screen and (max-width:2800px){.nomIndividual h1{font-size:1.75rem}}@media screen and (max-width:1920px){.nomIndividual h1{font-size:1.25rem}}@media screen and (max-width:950px){.nomIndividual h1{font-size:.5rem}}.nomIndividual .deselect:hover{background-color:#b8860b;color:#fff;cursor:pointer}.nomIndividual .card{display:flex;justify-content:flex-start;align-items:center;background-color:gold;width:450px;height:150px;margin-top:5px}@media screen and (max-width:2800px){.nomIndividual .card{width:450px;height:150px}}@media screen and (max-width:1920px){.nomIndividual .card{height:75px;width:100%}}@media screen and (max-width:950px){.nomIndividual .card{height:50px;width:90px}}.nomIndividual .card img{width:20%;height:150px;object-fit:cover}@media screen and (max-width:2800px){.nomIndividual .card img{height:150px}}@media screen and (max-width:1920px){.nomIndividual .card img{height:75px}}@media screen and (max-width:950px){.nomIndividual .card img{height:50px}}.nomIndividual .card div{display:flex;flex-direction:column;margin:0 auto;width:100%}.nomIndividual .card div h1{font-size:1.75rem;color:#000;text-align:center;width:90%;margin:0 auto}@media screen and (max-width:2800px){.nomIndividual .card div h1{font-size:1.75rem}}@media screen and (max-width:1920px){.nomIndividual .card div h1{font-size:1rem}}@media screen and (max-width:950px){.nomIndividual .card div h1{font-size:.5rem}}.winnerIndividual{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:15px}@media screen and (max-width:2800px){.winnerIndividual{width:450px}}@media screen and (max-width:1920px){.winnerIndividual{width:230px}}@media screen and (max-width:950px){.winnerIndividual{width:80px;margin:5px;justify-content:space-around}}.winnerIndividual h1{font-size:1.75rem;background-color:gold;text-align:center;width:100%}@media screen and (max-width:2800px){.winnerIndividual h1{font-size:1.75rem}}@media screen and (max-width:1920px){.winnerIndividual h1{font-size:1.25rem}}@media screen and (max-width:950px){.winnerIndividual h1{font-size:.5rem}}.winnerIndividual .deselect:hover{background-color:#b8860b;color:#fff;cursor:pointer}.winnerIndividual .card{display:flex;justify-content:flex-start;align-items:center;background-color:gold;width:450px;height:150px;margin-top:5px}@media screen and (max-width:2800px){.winnerIndividual .card{width:450px;height:150px}}@media screen and (max-width:1920px){.winnerIndividual .card{height:75px;width:100%}}@media screen and (max-width:950px){.winnerIndividual .card{height:50px;width:80px}}.winnerIndividual .card img{width:20%;height:150px;object-fit:cover}@media screen and (max-width:2800px){.winnerIndividual .card img{height:150px}}@media screen and (max-width:1920px){.winnerIndividual .card img{height:75px}}@media screen and (max-width:950px){.winnerIndividual .card img{height:50px}}.winnerIndividual .card div{display:flex;flex-direction:column;margin:0 auto;width:100%}.winnerIndividual .card div h1{font-size:1.75rem;text-align:center;width:90%;margin:0 auto}@media screen and (max-width:2800px){.winnerIndividual .card div h1{font-size:1.75rem}}@media screen and (max-width:1920px){.winnerIndividual .card div h1{font-size:1rem}}@media screen and (max-width:950px){.winnerIndividual .card div h1{font-size:.5rem}}.winnerIndividual h2{margin-top:5px;font-size:1.25rem;color:#fff;text-align:center;width:100%}@media screen and (max-width:950px){.winnerIndividual h2{font-size:1rem}}footer{flex-direction:column;position:fixed;bottom:0;background-color:#002e25;justify-content:center;max-width:2800px}footer,footer section{display:flex;width:100%;align-items:center}footer section{justify-content:space-around;padding:10px}footer section .nombutton{display:flex}footer section .nombutton h1{font-size:2.25rem;color:gold;padding-top:15px}@media screen and (max-width:2800px){footer section .nombutton h1{font-size:2.25rem;padding-top:15px}}@media screen and (max-width:1920px){footer section .nombutton h1{font-size:1.5rem;padding-top:10px}}@media screen and (max-width:1366px){footer section .nombutton h1{font-size:1.25rem;padding-top:5px}}@media screen and (max-width:950px){footer section .nombutton h1{font-size:.75rem;padding-top:12px}}footer section .nombutton button{background-color:transparent;color:#fff;border:0;transform:rotate(-90deg);font-size:3rem;margin:10px 0 0 15px}@media screen and (max-width:2800px){footer section .nombutton button{font-size:3rem;margin:10px 0 0 15px}}@media screen and (max-width:1920px){footer section .nombutton button{font-size:2rem;margin:5px 0 0 15px}}@media screen and (max-width:1366px){footer section .nombutton button{font-size:1.25rem}}@media screen and (max-width:950px){footer section .nombutton button{font-size:1rem;margin:10px 0 0 5px}}footer section .nombutton button:hover{color:gold}footer section .login{display:flex}@media screen and (max-width:950px){footer section .login{display:none}}footer section .login h1{font-size:3.5rem;color:#fff;padding-bottom:10px}@media screen and (max-width:2800px){footer section .login h1{font-size:3.5rem}}@media screen and (max-width:1920px){footer section .login h1{font-size:1.25rem}}footer section .login h1:hover{cursor:pointer;border-bottom:2px solid #fff}footer section .logout{display:flex}@media screen and (max-width:950px){footer section .logout{display:none}}footer section .logout h1{font-size:2.25rem;color:#fff}@media screen and (max-width:2800px){footer section .logout h1{font-size:2.25rem}}@media screen and (max-width:1920px){footer section .logout h1{font-size:1.5rem}}@media screen and (max-width:1366px){footer section .logout h1{font-size:1rem}}footer section .logout h1:hover{cursor:pointer;border-bottom:2px solid #fff}footer section .logout h2{font-size:2.25rem;color:#fff;padding:0 10px 0 0}@media screen and (max-width:2800px){footer section .logout h2{font-size:2.25rem}}@media screen and (max-width:1920px){footer section .logout h2{font-size:1.5rem}}@media screen and (max-width:1366px){footer section .logout h2{font-size:1rem}}footer .nomWinners{display:none;flex-direction:row;width:100%;flex-wrap:wrap;justify-content:center}@media screen and (max-width:950px){footer .nomWinners{margin-bottom:10px}}footer .nomWinners .winnerIndividual:first-child{padding:10px 15px;border:4px solid gold}footer .nomWinners .winnerIndividual:nth-child(2){padding:10px 15px;border:3px solid silver}footer .nomWinners .winnerIndividual:nth-child(3){padding:10px 15px;border:2px solid #d2691e}footer .nomGroup{display:none;flex-direction:column}footer .nomGroup .nominated{display:flex;flex-direction:row;width:100%;flex-wrap:wrap;justify-content:center}@media screen and (max-width:950px){footer .nomGroup .nominated{margin-bottom:10px}}footer .nomGroup .winnerGroup{display:flex;margin:0 10px 10px;width:100%;justify-content:center}footer .nomGroup .winnerGroup .winnerButton{font-size:1.5rem;color:gold;padding-top:12px}@media screen and (max-width:950px){footer .nomGroup .winnerGroup .winnerButton{font-size:.75rem;font-weight:700;text-align:left}}footer .nomGroup .winnerGroup button{background-color:transparent;color:#fff;border:0;transform:rotate(-90deg);font-size:3rem;margin:10px 0 0 15px}@media screen and (max-width:2800px){footer .nomGroup .winnerGroup button{font-size:3rem;margin:10px 0 0 15px}}@media screen and (max-width:1920px){footer .nomGroup .winnerGroup button{font-size:2rem;margin:5px 0 0 15px}}@media screen and (max-width:1366px){footer .nomGroup .winnerGroup button{font-size:1.25rem}}@media screen and (max-width:950px){footer .nomGroup .winnerGroup button{font-size:1rem;margin:10px 0 0 5px}}footer .nomGroup .winnerGroup button:hover{color:gold}.modal{background-color:#fff;border:4px solid gold;padding:10px;visibility:hidden;font-size:2rem;text-align:center}@media screen and (max-width:2800px){.modal{font-size:2rem}}@media screen and (max-width:1920px){.modal{font-size:1.5rem}}@media screen and (max-width:1366px){.modal{font-size:1rem}}@media screen and (max-width:950px){.modal{width:50%;font-size:.5rem}}
/*# sourceMappingURL=main.a2e74527.chunk.css.map */