@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;font-family:Quicksand,sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-image:linear-gradient(45deg,#3177ee,#a32ef1);margin:0;position:fixed}.App,body{height:100vh;max-height:-webkit-fill-available;max-width:-webkit-fill-available;width:100vw}a,button{cursor:pointer}a{color:inherit;text-decoration:none}.bold{font-weight:800}.italic{font-style:italic}.zero{background-color:#b0c2cb!important}.point-five{background-color:#ff4d4d!important}.one{background-color:#f90!important}.two{background-color:#ffdf00!important}.three{background-color:#6fc3ff!important}.four{background-color:#51d542!important}.five{background-color:#ffa5ff!important}@keyframes rise{0%{transform:translateY(0)}to{transform:translateY(-2.5px)}}.Title{display:grid;grid-template-columns:1fr;grid-template-rows:auto 200px;height:100%;position:fixed;width:100%}@media screen and (min-width:700px){.Title{display:grid;grid-template-columns:auto 200px;grid-template-rows:1fr}}.Menu{background-image:linear-gradient(45deg,#3177ee,#a32ef1);box-shadow:0 5px 5px #00000080;grid-column:1/span 1;grid-row:1/span 1;height:100%;justify-content:center;margin:0;width:100%;z-index:1}.Menu,.Menu .logo{align-items:center;display:flex;flex-direction:column}.Menu .logo{gap:20px}.Menu .logo img{filter:drop-shadow(0 3px 3px #00000060);height:75px;margin-top:30px}.Menu .logo h1{color:#fff;font-size:30px;margin:0 20px 20px;text-align:center;text-shadow:0 3px 3px #00000055}.Menu nav{flex-direction:column}.Menu nav,.Menu nav p{align-items:center;display:flex;justify-content:center}.Menu nav p{cursor:pointer;font-size:24px;font-weight:500;margin:0;padding:5px 20px;width:200px}.Menu .auth-link{background-color:#000;border-bottom:2px solid #000;border-top:2px solid #000;box-shadow:0 3px 3px #00000055;color:#fff}.Menu .menu-link{border-top:2px solid #000;padding:20px 0}.Menu .menu-link.feed{border-top:none!important}@media screen and (min-width:310px){.Menu .logo h1{font-size:50px}.Menu nav p{font-size:30px;padding:10px 20px}.Menu .menu-link{padding:30px 0}}@media screen and (min-width:420px){.Menu .logo h1{font-size:70px}.Menu .logo img{height:105px}}@media screen and (min-width:1050px){.Menu{box-shadow:5px 0 5px #00000080}.Menu .logo{align-items:baseline;flex-direction:row}.Menu .logo img{margin:0}.Menu .logo h1{font-size:100px;margin:0}.Menu nav{flex-direction:row}.Menu nav p{align-items:center;display:flex;justify-content:center;margin-top:30px;padding:10px 20px!important;width:200px}.Menu .menu-link{border-left:2px solid #000;border-top:none}.Menu .menu-link.feed{border-left:none!important}}.Carousel{animation:left-to-right 240s linear infinite;display:flex;flex-direction:row;grid-column:1/span 1;grid-row:2/span 1;max-width:100vw}.Carousel img{height:100%!important;width:100%!important}@media screen and (min-width:700px){.Carousel{animation:top-to-bottom 240s linear infinite;flex-direction:column;grid-column:2/span 1;grid-row:1/span 1;max-height:100vh}}@keyframes left-to-right{0%{transform:translateX(0)}to{transform:translateX(-5028.55px)}}@keyframes top-to-bottom{0%{transform:translateY(0)}to{transform:translateY(-10349.1px)}}.Auth{display:grid;grid-template-columns:1fr;grid-template-rows:auto 200px;height:100%;position:fixed;width:100%}.Auth .auth-content{align-items:center;display:flex;flex-direction:column;grid-column:1/span 1;grid-row:1/span 1;justify-content:center}.Auth .auth-content img{filter:drop-shadow(0 3px 3px #00000055);height:175px;margin-top:30px}.Auth .auth-forms{margin:20px 0}.Auth .auth-buttons{display:grid;grid-template-columns:repeat(2,150px);grid-template-rows:1fr;margin:20px 0}.Auth .login-button{grid-column:1/span 1;grid-row:1/span 1}.Auth .register-button{grid-column:2/span 1;grid-row:1/span 1}.Auth .auth-button-back{background-color:#000;box-shadow:0 3px 3px #00000060;grid-column:1/span 2;grid-row:1/span 1;width:50%}.Auth .auth-button-back.start{margin-left:0}.Auth .auth-button-back.left{animation:back-left .5s forwards}.Auth .auth-button-back.right{animation:back-right .5s forwards}.Auth button{background-color:initial;border:none;color:#fff;font-size:22px;font-weight:600;padding:5px 10px}.Auth form{display:flex;flex-direction:column;gap:20px;margin:10px 0}.Auth input{background-color:initial;border:none;border-bottom:3px solid #000;border-radius:0;color:#fff;font-size:20px;font-weight:500}.Auth input::placeholder{color:#000;font-weight:600}.Auth input:focus{outline:none}.Auth .auth-submit{display:none}.auth-error{background-color:#000;box-shadow:0 3px 3px #00000060;color:#fff;padding:10px 15px;text-align:center;width:350px}@keyframes back-left{0%{margin-left:50%}to{margin-left:0}}@keyframes back-right{0%{margin-left:0}to{margin-left:50%}}@media screen and (min-width:475px){.Auth .auth-buttons{grid-template-columns:repeat(2,175px)}.Auth button{font-size:26px}.Auth input{font-size:24px}}@media screen and (min-width:700px){.Auth{display:grid;grid-template-columns:auto 200px;grid-template-rows:1fr}}@media screen and (min-width:850px){.Auth .auth-content{flex-direction:row;gap:30px}.Auth .auth-content img{height:192px}}.Login{margin-bottom:60px}@media screen and (min-width:475px){.Login{margin-bottom:65px}}.Loading{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.Loading h1{background-color:initial!important;border:none!important;color:#fff!important;font-size:50px!important;margin:0 0 20px!important;padding:0!important;text-align:center!important;text-shadow:0 2px 2px #00000060!important;width:auto!important}.dots{align-items:center;display:flex;gap:30px;justify-content:center}.dot{animation:expand 2s linear infinite;background-color:#ffffff70;border-radius:50%;box-shadow:0 2px 2px #00000060;height:25px;width:25px}.dot.first{animation:expand 1s linear infinite}.dot.second{animation:expand 1s linear .5s infinite}@keyframes expand{0%{background-color:#ffffff70;transform:scale(100%)}50%{background-color:#fff;transform:scale(150%)}to{background-color:#ffffff70;transform:scale(100%)}}.Feed{display:flex;flex:1 1;flex-direction:column;gap:15px;padding-bottom:20px;width:100%}.Feed h1{margin:20px 0 0 20px;text-shadow:0 2px 2px #00000060}.Feed h1,.Feed h2{color:#fff;text-align:center}.Feed h2{background-color:#000;box-shadow:0 2px 2px #00000060;font-size:18px;font-weight:600;margin:20px 20px 0;padding:5px;width:200px}.Feed .feed-list{display:flex;gap:20px;overflow-x:scroll;padding:0 20px}.Feed .none-yet{background-color:#00000030;width:200px}.Feed .load-more,.Feed .none-yet{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:500;height:300px;justify-content:center;margin:0;text-shadow:0 2px 2px #00000060}.Feed .load-more{background-image:linear-gradient(135deg,#3177ee,#a32ef1);border:none;box-shadow:0 2px 2px #00000060;padding:20px}@media screen and (min-width:735px){.Feed{padding-bottom:30px}.Feed h1{margin:30px 30px 0}.Feed h2{margin:20px 30px 0}.Feed .feed-list{padding:0 30px}}@media screen and (min-width:2480px){.Feed{padding:30px}.Feed h1{margin:20px 0 0}.Feed h2{margin:0}.Feed .feed-list{padding:0}}.ReviewPoster{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center}.ReviewPoster .poster-div{display:grid;grid-template-columns:repeat(4,50px);grid-template-rows:repeat(6,50px);height:300px;width:200px}.ReviewPoster .poster{grid-column:1/span 4;grid-row:1/span 6;height:300px;width:200px}.ReviewPoster .fav,.ReviewPoster .poster{box-shadow:0 2px 2px #00000060;object-fit:cover}.ReviewPoster .fav{border-radius:0 0 0 10px;grid-column:4/span 1;grid-row:1/span 1;max-height:100%;padding:5px;width:100%;z-index:1}.ReviewPoster .text{align-items:center;display:flex;font-size:22px;gap:10px;justify-content:center;width:100%}.ReviewPoster .rating{border-radius:15px;box-shadow:0 2px 2px #00000060;color:#fff;font-weight:800;height:27.5px;margin:5px 0;padding:0 10px;text-align:center;text-shadow:0 2px 2px #00000080}.ReviewPoster .user{color:#fff;font-weight:600;margin:5px 0;max-width:149.22px;overflow:hidden;text-align:center;text-overflow:ellipsis;text-shadow:0 2px 2px #00000060;white-space:nowrap}.ShowPoster{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center}.ShowPoster img{box-shadow:0 2px 2px #00000060;height:300px;object-fit:cover;width:200px}.ShowPoster .title{color:#fff;font-size:22px;font-style:italic;font-weight:600;margin:5px 0;max-width:200px;text-align:center;text-shadow:0 2px 2px #00000060}.Show{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:20px;justify-content:flex-start;padding:20px 0 20px 20px;width:100%}.Show .show-poster{box-shadow:0 3px 3px #00000060;height:450px;margin:10px 20px 0 0;object-fit:cover;width:300px}.Show .show-content{display:flex;flex-direction:column;gap:20px;margin-right:20px}.Show .show-header{box-shadow:0 3px 3px #00000060;display:flex;width:100%}.Show h1,.Show h2{margin:0}.Show h1{align-items:flex-start;background-color:#000;color:#fff;display:flex;flex-direction:column;font-size:20px;font-weight:400;justify-content:center;padding:15px;width:100%}.Show .show-title{font-size:28px}.Show h2{align-items:center;display:flex;font-size:34px;gap:5px;justify-content:center;padding-left:5px;width:120px}.Show .show-synopsis,.Show h2{color:#fff;font-weight:600;text-shadow:0 2px 2px #00000060}.Show .show-synopsis{background-color:#00000035;font-size:24px;margin:0;padding:15px;text-align:justify}.Show .show-tags{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly}.Show .website{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 2px 2px #00000060;color:#000;display:flex;font-size:20px;font-weight:600;gap:10px;height:35px;margin:10px 20px;padding:5px 15px;text-align:center;width:142px}.Show .website img{height:100%}.Show .show-reviews{margin-right:20px;width:calc(100% - 20px)}.Show .show-reviews h3{border-bottom:2px solid #fff;color:#fff;font-size:30px;margin:0 0 15px;width:100%}.Show .show-squares{display:flex;gap:20px;height:132px;overflow-x:scroll;padding-right:20px;width:calc(100% + 20px)}.Show .new-review{background-image:linear-gradient(315deg,#3177ee,#a32ef1);font-size:90px;height:130px;padding-bottom:5px}.Show .new-review,.Show .review{align-items:center;box-shadow:0 2px 2px #00000060;color:#fff;display:flex;font-weight:800;justify-content:center;margin:0;text-shadow:0 2px 2px #00000060;width:110px}.Show .review{font-size:50px;height:100px}.Show .username{align-items:center;background-color:#000;box-shadow:0 2px 2px #00000060;color:#fff;display:flex;font-weight:600;height:30px;justify-content:center;margin:0;text-align:center;width:110px}@media screen and (min-width:940px){.Show{display:grid;grid-template-columns:300px 1fr;grid-template-rows:fit-content(100%) fit-content(100%);padding:30px 0 30px 30px}.Show .show-poster{grid-column:1/span 1;margin-top:0}.Show .show-content,.Show .show-poster{align-self:flex-start;grid-row:1/span 1}.Show .show-content{grid-column:2/span 1;margin-right:30px}.Show .show-synopsis{max-height:285px;overflow-y:scroll}.Show .show-reviews{align-self:flex-start;grid-column:1/span 2;grid-row:2/span 1;overflow-x:visible;width:calc(100% - 30px)}.Show .show-squares{padding-right:30px;width:calc(100% + 30px)}}.Tag{background-color:#fff;border-radius:20px;box-shadow:0 2px 2px #00000060;color:#000;font-size:20px;font-weight:600;margin:10px 20px;padding:5px 15px;text-align:center}.New{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;padding:20px 20px 0;width:100%}.New h1{border-bottom:3px solid #fff;color:#fff;font-size:28px;font-weight:600;margin:0;padding-bottom:10px;width:100%}.ReviewForm{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;overflow-y:scroll;padding:20px 0;width:100%}.ReviewForm .review-form-poster{box-shadow:0 3px 3px #00000060;height:300px;object-fit:cover;width:200px}.ReviewForm label{align-items:center;background-color:#000;box-shadow:0 3px 3px #00000060;color:#fff;display:flex;font-size:24px;font-weight:600;justify-content:space-around;padding:10px;width:180px}.ReviewForm label p{align-items:center;display:flex;font-size:40px;height:20px;justify-content:center;margin:0;padding-bottom:3px}.ReviewForm .review-form-fav:hover,.ReviewForm .review-form-finished:hover,.ReviewForm .review-form-tag-label:hover,.ReviewForm select{cursor:pointer}.ReviewForm label select{background-color:initial;border:none;color:#fff;font-size:24px}.ReviewForm label select:focus,.ReviewForm label textarea:focus{outline:none}.ReviewForm label img{height:30px;width:30px}.ReviewForm label img.white{filter:brightness(0) invert(1)}.ReviewForm .review-form-thoughts{align-items:flex-start;flex-direction:column;width:250px}.ReviewForm label textarea{background-color:initial;border:none;color:#fff;font-size:20px;height:100px;width:100%}.container{cursor:pointer;display:block;font-size:22px;margin-bottom:25px;padding-left:25px;position:relative;-webkit-user-select:none;user-select:none}.container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{border:2px solid #fff;height:25px;left:0;position:absolute;top:0;width:25px}.checkmark,.container input:checked~.checkmark{background-color:initial}.checkmark:after{content:"";display:none;position:absolute}.container input:checked~.checkmark:after{display:block}.container .checkmark:after{border:solid #fff;border-width:0 3px 3px 0;height:10px;left:6.5px;top:2.5px;transform:rotate(45deg);width:5px}.ReviewForm .review-form-options{align-items:center;display:flex;flex-direction:column;justify-content:center}.ReviewForm .review-form-tags{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.ReviewForm .review-form-cancel,.ReviewForm .review-form-submit{align-items:center;background-color:#fff;border:none;box-shadow:0 3px 3px #00000060;display:flex;font-size:24px;font-weight:600;justify-content:center;margin-top:10px;padding:10px;width:180px}.ReviewForm .review-form-submit{color:#000}.ReviewForm .review-form-cancel{color:#697595}@media screen and (min-width:760px){.ReviewForm{grid-gap:20px;display:grid;gap:20px;grid-template-columns:200px repeat(3,1fr);grid-template-rows:52px 208px fit-content(100%)}.ReviewForm .review-form-poster{grid-column:1/span 1;grid-row:1/span 3}.ReviewForm label{font-size:20px;height:100%;width:100%}.ReviewForm label select{font-size:20px}.ReviewForm .review-form-thoughts{display:flex;grid-column:2/span 3;grid-row:2/span 2;height:100%;justify-content:stretch;width:100%}.ReviewForm .review-form-thoughts textarea{height:100%;width:100%!important}.ReviewForm .review-form-options{display:grid;grid-column:1/span 4;grid-row:4/span 1;grid-template-columns:220px 1fr 20px 1fr 20px 1fr;grid-template-rows:50px fit-content(100%);width:100%}.ReviewForm .review-form-tag-label{grid-column:2/span 1;grid-row:1/span 1}.ReviewForm .review-form-submit{grid-column:4/span 1;grid-row:1/span 1;margin-top:0;width:100%}.ReviewForm .review-form-cancel{grid-column:6/span 1;grid-row:1/span 1;margin-top:0;width:100%}.ReviewForm .review-form-tags{grid-column:1/span 7;grid-row:2/span 1;padding-top:20px;width:100%}}@media screen and (min-width:900px){.ReviewForm{grid-template-columns:300px repeat(3,1fr);grid-template-rows:52px 358px fit-content(100%)}.ReviewForm label,.ReviewForm label select{font-size:24px}.ReviewForm .review-form-poster{height:450px;width:300px}.ReviewForm .review-form-options{grid-template-columns:320px 1fr 20px 1fr 20px 1fr}}.ToggleTag{border:none;border-radius:20px;box-shadow:0 2px 2px #00000060;display:flex;font-size:20px;font-weight:800;margin:10px 5px!important;padding:5px 15px;text-align:center;white-space:nowrap}.ToggleTag .toggle-tag-symbol{text-align:left;width:20px!important}.ToggleTag.plus{background-color:#fff;color:#000}.ToggleTag.minus{background-color:#000;color:#fff}.ToggleTag.disable{animation:none!important;background-color:#bcc7e8;color:#697595}.ToggleTag:hover{animation:rise .5s forwards}.Review{flex:1 1;gap:20px;justify-content:flex-start;padding:20px;width:100%}.Review,.Review .review-poster{align-items:center;display:flex;flex-direction:column}.Review .review-poster{justify-content:center}.Review .review-show{color:#fff;font-size:30px;font-style:italic;font-weight:800;margin:0;text-align:center;text-shadow:0 2px 2px #00000060;width:300px}.Review .review-poster img{box-shadow:0 3px 3px #00000060;height:450px;margin-top:10px;object-fit:cover;width:300px}.Review .review-header{box-shadow:0 3px 3px #00000060;display:flex;width:100%}.Review .review-header h1,.Review .review-header h2{margin:0}.Review h1{background-color:#000;font-size:22px;font-weight:400;padding:15px;width:100%}.Review h1,.Review h2{color:#fff;display:flex}.Review h2{align-items:center;font-size:34px;font-weight:600;gap:5px;justify-content:center;padding-left:5px;text-shadow:0 2px 2px #00000060;width:150px}.Review h2 img{height:40px}.Review .review-buttons{align-items:center;display:flex;justify-content:center;margin:20px}.Review .review-buttons button{background-color:#fff;border:none;border-radius:50%;box-shadow:0 2px 2px #00000060;color:#000;height:60px;margin:5px 20px;width:60px}.Review .review-buttons button:hover{animation:rise .5s forwards}.Review .review-edit img{height:30px}.Review .review-delete img{height:40px}.Review .review-delete{color:red}.Review .review-thoughts{background-color:#00000035;color:#fff;font-size:24px;font-weight:600;padding:15px;text-align:justify;text-shadow:0 2px 2px #00000060}.Review .review-social,.Review .review-social p,.Review .review-thoughts{align-items:center;display:flex;justify-content:center}.Review .review-social p{background-color:#000;border-radius:20px;box-shadow:0 2px 2px #00000060;color:#fff;cursor:pointer;font-size:20px;font-weight:600;gap:10px;margin:10px 20px;padding:5px 15px;text-align:center}.Review .review-social .not-clicked{background-color:#fff!important;color:#000!important}.Review .review-tags{flex-wrap:wrap;padding:15px}.Review .finished,.Review .review-tags{align-items:center;display:flex;justify-content:center}.Review .finished{border-radius:20px;box-shadow:0 2px 2px #00000060;color:#fff;font-size:20px;font-weight:600;gap:10px;margin:10px 20px;padding:5px 15px;text-align:center;text-shadow:0 2px 2px #00000060}.Review .finished img{filter:brightness(0) invert(1) drop-shadow(0 2px 2px #00000060);height:20px}@media screen and (min-width:725px){.Review{grid-gap:20px;display:grid;gap:20px;grid-template-columns:300px 1fr;grid-template-rows:1fr;padding:30px}.Review .review-poster{align-self:flex-start;flex-direction:column-reverse;gap:10px;grid-column:1/span 1;grid-row:1/span 1}.Review h2{padding-left:0}.Review .review-body{align-self:flex-start;grid-column:2/span 1;grid-row:1/span 1;margin-top:10px}.Review .review-thoughts{padding:15px}}.Delete{align-items:center;display:flex;flex:1 1;flex-direction:column;grid-column:1/span 2;grid-row:1/span 2;justify-content:center;padding:20px;width:100%}.Delete h1{background-color:initial!important;box-shadow:none;color:#fff;font-size:50px;font-weight:800;margin:0;text-shadow:0 3px 3px #000060;width:auto}.Delete .delete-message{background-color:#000;box-shadow:0 3px 3px #000060;color:#fff;font-size:20px;margin:5px 0 15px;padding:10px;text-align:center}.Delete .delete-options{display:flex}.Delete .delete-options button{background-color:#fff;border:none;border-radius:20px;box-shadow:0 2px 2px #00000060;color:#000;font-size:20px;font-weight:600;margin:10px 20px;padding:5px 15px;text-align:center}.Delete .delete-options button:hover{animation:rise .5s forwards}.Delete .delete-button{background-color:#ff4d4d!important;color:#fff!important}.Edit{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;padding:20px 20px 0;width:100%}.Edit h1{border-bottom:3px solid #fff;color:#fff;font-size:28px;font-weight:600;margin:0;padding-bottom:10px;width:100%}.Profile{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;padding-top:20px;width:100%}.Profile .profile-follow-count{font-size:20px;font-weight:800;margin:0}.Profile h2{align-items:center;background-color:#000;border:4px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:50px;height:80px;justify-content:center;margin:0;text-transform:uppercase;width:80px}.Profile .circle{border:8px solid #000;border-radius:50%}.Profile h1{margin:10px 0 0}.Profile .count,.Profile h1{color:#fff;text-shadow:0 2px 2px #00000060}.Profile .count{border-radius:20px;box-shadow:0 2px 2px #00000060;font-size:20px;font-weight:800;margin:10px 0 15px;padding:5px 15px}.Profile .divider{color:#000;font-weight:600;text-shadow:none}.Profile .profile-follow{align-items:center;display:flex;justify-content:center}.Profile .profile-follow p{background-color:#000;border-radius:20px;box-shadow:0 2px 2px #00000060;color:#fff;font-size:20px;font-weight:600;margin:10px 20px;padding:5px 15px;text-align:center}.Profile .point-five .divider{color:#bc2a2a}.Profile .one .divider{color:#de7702}.Profile .three .divider{color:#1b91e5}.Profile .four .divider{color:#2ea021}.Profile .five .divider{color:#fe73fe}.Profile .profile-content{display:flex;flex-direction:column;gap:15px;padding-bottom:20px;width:100%}.Profile h3{background-color:#000;box-shadow:0 2px 2px #00000060;color:#fff;font-size:18px;font-weight:600;margin:20px 20px 0;padding:5px;text-align:center;width:200px}.Profile .profile-list{display:flex;gap:20px;overflow-x:scroll;padding:0 20px}.Profile .none-yet{background-color:#00000030;color:#fff;font-size:20px;font-weight:500;height:300px;margin:0;text-shadow:0 2px 2px #00000060;width:200px}.Profile .none-yet,.Profile .profile-logout{align-items:center;display:flex;justify-content:center}.Profile .profile-logout{margin-top:20px}.Profile .profile-logout button{background-color:#bcc7e8;border:none;border-radius:20px;box-shadow:0 2px 2px #00000060;color:#697595;font-size:20px;font-weight:600;margin:10px 20px;padding:5px 15px;text-align:center}.Profile .profile-logout button:hover{animation:rise .5s forwards}.ProfilePoster{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center}.ProfilePoster .poster-div{display:grid;grid-template-columns:repeat(4,50px);grid-template-rows:repeat(6,50px);height:300px;width:200px}.ProfilePoster .poster{grid-column:1/span 4;grid-row:1/span 6;height:300px;width:200px}.ProfilePoster .fav,.ProfilePoster .poster{box-shadow:0 2px 2px #00000060;max-height:100%;object-fit:cover}.ProfilePoster .fav{border-radius:0 0 0 10px;grid-column:4/span 1;grid-row:1/span 1;padding:5px;width:100%;z-index:1}.ProfilePoster .rating{border-radius:15px;box-shadow:0 2px 2px #00000060;color:#fff;font-size:22px;font-weight:800;margin:5px 0;padding:0 10px;text-align:center;text-shadow:0 2px 2px #00000080}.SearchResults{align-items:center;display:flex;flex:1 1;flex-direction:column;width:100%}.SearchResults h1{background-color:#000;box-shadow:0 2px 2px #00000060;color:#fff;font-size:26px;font-weight:600;margin:20px 20px 0;padding:5px 10px;text-align:center;text-transform:uppercase}.SearchResults .results{align-items:flex-start;flex-wrap:wrap;gap:10px 15px;overflow-y:scroll;padding:20px 0}.Error,.SearchResults .results{display:flex;justify-content:center;width:100%}.Error{align-items:center;color:#fff;flex:1 1;flex-direction:column;padding:20px;text-shadow:0 2px 2px #00000060}.Error h1{font-size:60px;margin:0 0 20px}.Error p{font-size:24px;margin:0;text-align:center}.Error a:hover{text-decoration:underline}.Main{align-items:flex-start;display:flex;flex-direction:column;height:calc(100% - 75px);justify-content:flex-start;overflow-y:scroll;width:100%}@media screen and (min-width:735px){.Main{height:calc(100% - 100px)}}.Header{display:flex;width:100vw}.Header .logo{align-items:center;display:flex;justify-content:center;margin:0}.Header .logo.disappear{height:75px;margin-left:15px}.Header .logo.disappear img{display:none}.Header .logo img{height:75px;padding:15px}.Header .logo h1{display:none}.Header nav{background-color:#000;box-shadow:0 2px 2px #00000060;color:#fff;font-size:15px;font-weight:600}.Header nav,.Header nav p,.feed{align-items:center;display:flex;width:100%}.Header nav p,.feed{height:100%;justify-content:center;margin:0}.Header nav p{cursor:pointer}.pop-search{align-items:center;display:flex;gap:15px;justify-content:center;min-width:calc(100% - 15px);padding-right:15px}.pop-search p{width:auto!important}.Header .feed{background-color:#3177ee}.Header .random{background-color:#6a53f0}.Header .search{background-color:#a32ef1}.Header .header-auth,.Header .header-profile{align-items:center;display:flex;justify-content:center}.Header .header-profile{border:2px solid #fff;border-radius:50%;color:#fff;height:40px;margin:0 15px;width:40px}.Header .header-login{height:75px;padding:0 10px;width:auto}@media screen and (min-width:380px){.Header .header-login{padding:0 20px}}@media screen and (min-width:420px){.Header nav{font-size:18px}}@media screen and (min-width:560px){.Header .logo.disappear{height:auto;margin-left:0}.Header .logo.disappear img{display:block}.Header .logo h1{display:block;margin:0 10px 0 0;white-space:nowrap}.pop-search{min-width:calc(100% - 230.27px)}}@media screen and (min-width:700px){.Header .logo h1{font-size:36px}.Header nav p{font-size:22px}.pop-search{min-width:calc(100% - 278.69px)}}@media screen and (min-width:735px){.Header .logo{gap:10px;margin:0 10px!important}.Header .logo h1{font-size:40px}.Header .logo img{height:100px}.pop-search{min-width:calc(100% - 355.2px)}}@media screen and (min-width:840px){.Header nav p{font-size:24px}.Header nav a,.Header nav p{max-width:130px}.Header .header-auth,.Header .header-auth p,.Header .logo{max-width:none}.Header .header-auth{justify-content:flex-end;padding-right:10px;width:100%}.Header .header-profile{height:60px;width:60px}}.SearchBar{display:flex;gap:15px;height:30px;width:100%}.SearchBar input{background-color:initial;border:none;border-bottom:2px solid #fff;border-radius:0;color:#fff;font-size:18px;width:100%}.SearchBar input:focus{outline:none}.SearchBar input::placeholder{color:#fff}.SearchBar button{background-color:#fff;border:none;border-radius:0;color:#000;font-weight:600}@media screen and (min-width:400px){.SearchBar button{font-size:18px}}@media screen and (min-width:700px){.SearchBar button,.SearchBar input{font-size:20px}}@media screen and (min-width:840px){.SearchBar button,.SearchBar input{font-size:24px}.SearchBar{height:40px}}footer{align-items:center;color:#fff;display:flex;font-weight:600;justify-content:center;padding:10px;text-align:center;text-shadow:0 2px 2px #00000060;width:100%}footer p:hover a{text-decoration:underline}
/*# sourceMappingURL=main.1432e83e.css.map*/