body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Helvetica Neue,sans-serif;height:100vh;margin:0}#root{height:100%;justify-content:space-between}#root,.flexColumnAligned{display:flex;flex-direction:column}.flexColumnAligned{align-items:center;align-self:center;height:auto;padding:20px;width:300px}.flexColumnAligned>label,button{margin-bottom:10px;margin-top:15px}.userForm{background-color:#f6f6f6;border-radius:8px;box-shadow:3px 3px 8px 2px hsla(0,1%,61%,.3)}.inputLabel{font-size:1.1em;font-weight:500}.inputText{font-size:1em}.columna{padding-top:120px}.columna,.content{display:flex;flex-direction:column;width:100%}.content{height:100%;margin-top:10px}@media (max-width:1200px){.columna{padding-top:100px}}.card{border-radius:4px;box-shadow:4px 4px 8px 2px hsla(0,0%,86%,.6);display:flex;flex-direction:column;height:330px;margin:20px;transition:all .15s ease-in-out;width:180px}.card:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.card>a{align-content:center;color:#000;display:flex;flex-direction:column;height:100%;text-decoration:none}.card-img{border-radius:4px 4px 0 0;height:270px;object-fit:cover;width:180px}.card-content{align-items:center;background-color:#fff;border-radius:0 0 4px 4px;display:flex;flex:1 1;font-size:.95em;font-weight:500;justify-content:center;padding:0 5px;text-align:center}.card-content>*{margin:0}@media (max-width:850px){.card,.card-img{width:130px}.card{height:250px}.card-img{height:210px}.card-content{font-size:.9em}}.slider{width:70%}@media (max-width:750px){.slider{display:none}}.arrow-icon>svg{height:50px;width:50px}.arrow-button{background-color:transparent;border:none}.arrow-div{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 20px}::-webkit-scrollbar{height:10px;width:12px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}.grid{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:90%}@media (min-width:750px){.grid{display:none}}.spinner{align-items:center;display:flex;justify-content:center;text-align:center}.spinner>svg{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.content-container{align-items:center;display:flex;flex-direction:column}.extraInfo{border-radius:8px;color:#02175a;margin:15px 0 0;padding:20px 0;text-align:center;width:60%}.navbar{align-content:center;background-color:#02175a;display:flex;flex-direction:row;height:80px;justify-content:space-around;position:fixed;transition:top .3s;width:100%;z-index:10}.navbar--hidden{top:-50px}.logo-img{height:50px}.logoDiv{align-items:center;display:flex;flex:1 1;padding-left:40px}.logoDiv>a{text-decoration:none}.topTitle{color:#fff;display:block;font-size:2em;font-weight:700;margin:20px;width:220px}.topTitle:hover{color:#fcc44c}.topTitle:active{color:#00b7ff}.mediaNavButton,.selectedMediaNavButton{background-color:transparent;border-radius:5px;border-style:none;color:#fff;cursor:pointer;font-family:sans-serif;font-size:1.2em;font-weight:700;height:40px;margin:10px;padding:10px}.mediaNavButton:hover,.selectedMediaNavButton{color:#fcc44c}.userButtons{align-items:center;display:flex;justify-content:center;padding-right:40px;right:0}.userButtons>a{text-decoration:none}.navButton{background-color:#fcc44c;border-radius:5px;border-style:none;cursor:pointer;font-family:sans-serif;font-size:1.2em;font-weight:700;height:40px;margin:10px;padding:10px}#LoginButton{background-color:inherit;color:#fff}#logOutButton,#signUpButton{width:100px}#user-icon{color:#fff;margin:0 10px 0 0}#user-icon:hover{color:#cfcfcf}@-webkit-keyframes expand{0%{font-size:1.2em}50%{font-size:1.3em}to{font-size:1.2em}}@keyframes expand{0%{font-size:1.2em}50%{font-size:1.3em}to{font-size:1.2em}}.normal-navigation{display:flex;flex-direction:row;justify-content:space-between;width:100%}@media (max-width:1250px){.userButtons{margin:20px 0;width:100%}.mediaNavDiv{align-self:center;display:flex;flex-direction:column;margin:20px}.logoDiv{justify-content:space-between}.normal-navigation,.topTitle{display:none}.navButton:hover{background-color:#ffae00}#LoginButton:hover{color:#ffae00}}@media (min-width:1250px){.close-menu,.hamburger-menu,.mobile-navigation{display:none}.navButton:hover{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:expand;animation-name:expand}}.mobile-navigation{background-color:#02175a;height:100px}.hamburger-menu{cursor:pointer;height:50px;margin:20px 40px 20px 20px;right:10px;width:50px}.close-menu{cursor:pointer;height:36px;margin:25px 45px 25px 25px;right:35px;width:36px}@media (max-width:400px){.hamburger-menu{height:40px;width:40px}.close-menu{height:30px;width:30px}}@media (max-width:1250px){.navbar{height:64px}.logo-img{height:40px}.mobile-navigation{margin-top:64px;position:absolute;right:0;z-index:-10}}.heartDiv,.heartDivItem{align-items:center;background-color:#fff;border-color:transparent;border-radius:50%;cursor:pointer;display:flex;height:60px;justify-content:center;margin-left:90px;margin-top:-73px;position:absolute;width:60px;z-index:2}.heartDivItem>svg{height:60%;width:60%}.filledHeart>svg{color:red}.movie-pic{border-radius:8px;height:300px;object-fit:cover;width:200px}.addfav-title{display:block}@media screen and (min-width:600px){.movie-pic{border-radius:8px;display:block;height:450px;object-fit:cover;width:300px}}@media screen and (min-width:1000px){.movie-pic{border-radius:8px;display:block;height:525px;object-fit:cover;width:350px}}.header_info,.title{color:#fff}.genres{display:flex;flex-wrap:wrap;justify-content:flex-start}.genre-div{background-color:#247bb4;border-radius:20px;margin:5px 16px 10px 0;padding:10px 20px;text-align:center}.genre-div>a{color:#fff;text-decoration:none}.runtime{padding:10px 10px 10px 0}.movieContent{background-blend-mode:darken;background-color:rgba(0,0,0,.5);background-size:cover;display:flex;flex-direction:column;height:auto;justify-content:center;margin:30px auto;width:100%}#itemPicture{padding:30px 20px}@media screen and (max-width:1000px){.runtime{margin:20px 0}.movieContent{align-items:center}#itemPicture{padding:20px 0 0}.genres{align-items:center}}.media-wrapper{padding:30px}.movieContent{padding:30px 0}@media screen and (min-width:500px){.genre-div{display:block;height:auto;width:auto}}.banner-div,.banner-img{display:block;position:absolute;width:100%}.banner-div{display:flex;height:700px;z-index:-3}.banner-img{background-blend-mode:darken;background-size:cover;-webkit-filter:brightness(40%);filter:brightness(40%);height:100%;object-fit:cover}@media screen and (min-width:500px){.banner-div{height:700px}}@media screen and (min-width:1000px){.movieContent{display:flex;flex-direction:row;justify-content:center}.banner-div{height:580px}.banner-img{height:100%}#itemPicture{margin-left:50px}.media-wrapper{margin-right:50px}}.content-div{align-items:center;display:flex;margin:30px auto auto;width:80%;width:100%}.score-div{align-self:center;border-radius:100%;color:#fff;position:relative}.heartDivItem:hover{background-color:#e4e4e4}.circle-border{border-radius:100%;display:flex;height:110px;justify-content:center;margin-left:30%;position:relative;text-align:center;width:110px}.overview{letter-spacing:.8px;line-height:1.5}@media (max-width:1200px){.addfav-title{display:none}}@media (max-width:1000px){.addfav-title{display:none}.adding-fav-loader{background-color:transparent;color:#131313;height:80px;margin:148px 110px;padding:0 10px 10px;position:absolute;width:80px;z-index:10}}@media (min-width:450px){.gridContainer{padding:0 15%}}.movies-tagnav{align-self:center;background-color:#f6f6f6;border-radius:8px;box-shadow:3px 3px 8px 2px hsla(0,1%,61%,.3);display:flex;justify-content:center;margin:30px 20px 0;overflow-y:hidden;width:100%}.movies-tagnav>a{text-decoration:none}@media (max-width:900px){.movies-tagnav{font-size:1em;justify-content:flex-start;overflow-x:scroll;width:100%}}.tagnav-button{background-color:transparent;border-radius:8px;border-style:none;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Helvetica Neue,sans-serif;font-size:1.2em;font-weight:500;height:50px;margin:0 10px;padding:0}.tagnav-button:hover{background-color:#cfcfcf;color:#000}.tagnav-div{align-items:center;display:flex;flex-direction:column;padding:0}.tagnav-line{margin-top:-5px;width:180px}.tagnav-div>svg:hover{color:blue}@media (min-width:420px){.tagnav-line{display:none}.active-tagnav,.tagnav-button:hover{background-color:#cfcfcf}.tagnav-div{padding:10px 0}.movies-tagnav{height:70px}}.searchForm{align-items:center;border-radius:25px;box-shadow:4px 4px 6px 2px hsla(0,1%,61%,.4);display:flex;font-size:1.2em;height:46px;margin:0 auto;width:60%}.searchInput{border-color:transparent;border-radius:22.5px;font-size:1.1em;height:40px;margin:0;padding:0 0 0 20px;width:100%}.searchInput:focus{outline:none}@media (max-width:420px){.searchInput{padding-left:15px}}.searchSubmitButton{width:120px}.searchLens,.searchSubmitButton{background-color:#02175a;border:none;border-radius:22.5px;color:#fff;cursor:pointer;font-size:.9em;font-weight:700;height:48px;margin:0;padding:0 20px}.searchLens:hover,.searchSubmitButton:hover{background-color:#0a0a96}@media (max-width:990px){.searchSubmitButton{display:none}.searchForm{width:70%}}@media (min-width:990px){.searchLens{display:none}}#loginButton,#registerButton,.users-wrapper{margin-top:30px}.users-wrapper{align-items:center;display:flex;flex-direction:column}.userRowDiv>a{color:#000;margin:auto 0;text-decoration:none}#titlesRowDiv,.userRowDiv>a{display:flex;justify-content:center}#titlesRowDiv{align-items:center;background-color:#f6f6f6;box-shadow:none;margin-bottom:30px;width:100%}.userRowDiv{align-items:center}.titleRow,.userRow,.userRowDiv{display:flex;justify-content:center}.titleRow,.userRow{border-radius:8px;margin-bottom:20px;width:700px}.titleRow{margin-bottom:0}.userRow{box-shadow:3px 3px 8px 2px hsla(0,0%,80%,.4);-webkit-transform:scale(1);transform:scale(1);transition:all .15s ease-in-out;-webkit-transition:all .15s ease-in-out}.userRow:hover{scale:1.05;-webkit-transform:scale(1.05)}.columnTitle{align-self:center;font-size:1.05em;font-weight:500;margin-top:20px}@media (min-width:450px){.columnTitle{font-size:1.2em}}.tableColumn{flex:1 1;margin:20px;text-align:center}@media (max-width:600px){.tableColumn{display:flex;flex:1 1;flex-direction:column;margin:20px 10px;min-width:auto}.userRow{width:80vw}.titleRow{width:80%}}.favoritesCard{border-radius:4px;box-shadow:4px 4px 8px 2px hsla(0,0%,86%,.6);display:flex;flex-direction:column;height:280px;margin:20px 20px 10px;transition:all .15s ease-in-out;width:150px}.favoritesCard:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.favoritesCard>a{align-content:center;color:#000;display:flex;flex-direction:column;height:100%;text-decoration:none}.trashDiv{border-color:transparent;border-radius:50%;box-shadow:2px 2px 2px hsla(0,0%,91%,.4);cursor:pointer;height:48px;justify-content:center;margin:-15px;position:absolute;width:48px;z-index:2}.image,.trashDiv{background-color:#fff}.image{border-radius:4px 4px 0 0;height:auto;object-fit:cover;width:150px}.image,figure{margin:0}.favcard-content{background-color:#fff;border-radius:0 0 4px 4px;flex:1 1;font-size:.9em;font-weight:500;padding:0 5px;text-align:center}.favcard-content,.trashSpinner{align-items:center;display:flex;justify-content:center}.favcard-content>*{margin:0}@media (max-width:850px){.favoritesCard,.image{width:140px}.favoritesCard{height:270px}.card-img{height:180px}}.fav-title{font-size:1.6em;margin:0 0 20px;padding:0 20px 20px;text-align:center}.favorites-tagnav{align-self:center;background-color:#f6f6f6;border-radius:8px;box-shadow:3px 3px 8px 2px hsla(0,1%,61%,.3);display:flex;justify-content:center;margin-top:20px;width:100%}.favorites-tagnav>a{text-decoration:none}.tagnav-button{width:180px}.favs-container{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px}@media (max-width:900px){.favorites-tagnav{font-size:1em;overflow-x:scroll;overflow-y:hidden;width:100%}}@media (min-width:440px){.favorites-tagnav{height:70px}.favs-container{padding:0 15%}}.user-content{background-color:#fff;height:100%;margin-top:-80px;width:100%}.user-banner-div{align-items:center;background-blend-mode:darken;background-color:rgba(0,0,0,.7);background-image:url(https://images.unsplash.com/photo-1524985069026-dd778a71c7b4?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2071&q=80);background-position-y:80%;background-size:cover;display:flex;flex-direction:column;height:250px;justify-content:center;margin:0;width:100%}.user-banner-img{height:100%;object-fit:cover;width:100%}.user-picture{border-radius:100%;height:150px;margin-top:-75px;object-fit:cover;width:150px}.user-header-div{margin-top:-150px;text-align:center}@media (min-width:600px){.user-picture{height:200px;width:200px}.user-banner-div{height:250px}.user-header-div{margin-top:-200px}}.user-nickname{color:#fff;display:block;font-size:2em;margin-top:20px;text-align:center;width:100%}.favoriteMedia{align-items:center;color:#000;display:flex;flex-direction:column;margin-bottom:40px;margin-top:60px}.cards-div{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-bottom:30px}@media (max-width:500px){.user-banner-div{height:200px}.user-nickname{font-size:1.8em}}.invitation-div,.userRegisteredInv{background-color:#02175a;border-radius:8px;box-shadow:3px 3px 8px 2px hsla(0,0%,80%,.4);color:#fff;font-size:1.1em;font-weight:400;letter-spacing:.5px;margin:50px auto auto;max-width:50%;padding:20px 30px;text-align:center}.invitation-div:hover{background-color:#0a0a96}.userRegisteredInv{background-color:#d1cccc;color:#000}.externalLink{width:100%}.externalLink,.externalLink>a{align-items:center;display:flex;justify-content:center}.externalLink>a{color:#fff;padding-top:18px;text-decoration:none}.externalLink>a:hover{color:#ffae00}#portfolioLink>svg :hover{color:#f60}
/*# sourceMappingURL=main.e172d747.css.map*/