:root{--header-height:150px;--navbar-height:100px;--footer-height:100px}*{box-sizing:border-box;font-family:Roboto,sans-serif}.app{display:grid;grid-template-areas:"header header" "navbar navbar" "main main" "footer footer";grid-template-columns:1fr 1fr;grid-template-rows:150px 100px auto 100px;grid-template-rows:var(--header-height) var(--navbar-height) auto var(--footer-height)}.header{align-items:center;background:linear-gradient(90deg,#fff,grey,#fff);border:1px solid #000;border-radius:15px;display:flex;flex-direction:row;grid-area:header;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:13}@media (min-width:401px){.navbar{align-items:center;background:linear-gradient(90deg,#fff,grey,#fff);border:1px solid #000;border-radius:15px;display:flex;flex-direction:row;flex-wrap:no-wrap;grid-area:navbar;justify-content:space-around;position:-webkit-sticky;position:sticky;top:150px;top:var(--header-height);z-index:13}}@media (max-width:400px){.navbar{align-items:center;background:linear-gradient(90deg,#fff,grey,#fff);border:1px solid #000;border-radius:15px;display:flex;flex-direction:column;flex-wrap:no-wrap;grid-area:navbar;justify-content:space-around;position:-webkit-sticky;position:sticky;top:150px;top:var(--header-height);z-index:13}}.footer{align-items:center;display:flex;grid-area:footer;justify-content:center;text-align:center}.footer,.main{border:1px solid #000;border-radius:15px}.main{grid-area:main}.login-box__form{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px;text-align:center}.login-box__form--input{display:block;width:120px}.login-box__form--button{display:block}.login-box__form--label{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;text-align:center}.reviews{text-align:center}.reviews__list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;padding:0}.reviews__list__element--container{align-items:center;border:1px solid #d3d3d3;border-radius:15px;display:flex;flex-direction:column;list-style-type:none;padding:10px;text-align:center;width:250px}.reviews__list__element--review-id{font-size:2rem}.reviews__list__element--review-id--box{align-items:center;border:1px solid #d3d3d3;box-shadow:2px 2px 2px 1px rgba(0,0,0,.2);display:flex;height:75px;justify-content:center;margin:0;text-align:center;width:100px}.reviews__header{background-color:#fff;box-shadow:0 10px 10px 10px #fff;font-size:1rem;margin:10px;position:-webkit-sticky;position:sticky;top:200px;top:calc(var(--footer-height) + var(--navbar-height))}.single-review__list{grid-area:single-review;list-style-type:none;padding:0;text-align:center}.single-review__list__element--key{font-weight:700;text-decoration:underline}.single-review__list__element--img{width:200px}.add-review-likes{flex-direction:row;flex-wrap:nowrap}.add-review-likes,.add-review-likes__container{display:flex;justify-content:space-around;text-align:center}.add-review-likes__container{align-items:center;border:1px solid grey;border-radius:15px;box-shadow:1px 1px 10px 5px #d3d3d3;height:40px;width:125px}.add-review-likes__button{display:inline;height:20px;justify-content:space-between;width:50px}.rocket{font-size:5rem;text-align:center}.loading-rocket{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:animate-loading-rocket;animation-name:animate-loading-rocket}@-webkit-keyframes animate-loading-rocket{0%{-webkit-transform:scale(1) rotate(10deg);transform:scale(1) rotate(10deg)}25%{-webkit-transform:scale(1.25) rotate(90deg);transform:scale(1.25) rotate(90deg)}33%{-webkit-transform:scale(.8) rotate(110deg);transform:scale(.8) rotate(110deg)}50%{-webkit-transform:scale(1.1) rotate(180deg);transform:scale(1.1) rotate(180deg)}66%{-webkit-transform:scale(1.25) rotate(210deg);transform:scale(1.25) rotate(210deg)}75%{-webkit-transform:scale(.9) rotate(270deg);transform:scale(.9) rotate(270deg)}to{-webkit-transform:scale(1) rotate(1turn);transform:scale(1) rotate(1turn)}}@keyframes animate-loading-rocket{0%{-webkit-transform:scale(1) rotate(10deg);transform:scale(1) rotate(10deg)}25%{-webkit-transform:scale(1.25) rotate(90deg);transform:scale(1.25) rotate(90deg)}33%{-webkit-transform:scale(.8) rotate(110deg);transform:scale(.8) rotate(110deg)}50%{-webkit-transform:scale(1.1) rotate(180deg);transform:scale(1.1) rotate(180deg)}66%{-webkit-transform:scale(1.25) rotate(210deg);transform:scale(1.25) rotate(210deg)}75%{-webkit-transform:scale(.9) rotate(270deg);transform:scale(.9) rotate(270deg)}to{-webkit-transform:scale(1) rotate(1turn);transform:scale(1) rotate(1turn)}}.loading-container{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;font-size:2rem;height:100%;justify-content:space-evenly;text-align:center}.comment-arrows__container{align-items:center;display:flex;flex-direction:row;justify-content:center;width:200px}.single-review__list__element--container{align-items:center;display:flex;flex-direction:column;justify-content:center}.comment-arrows__button{background-color:#fff;border-radius:15px;box-shadow:0 0 5px 5px #d3d3d3;height:60px;margin:10px}.hide-arrow{display:none}@media (max-width:600px){.single-review-with-comments{display:grid;grid-template-areas:"single-review" "comments";grid-template-columns:1fr;grid-template-rows:auto auto}}@media (min-width:601px){.single-review-with-comments{display:grid;grid-template-areas:"single-review comments";grid-template-columns:1fr 1fr;grid-template-rows:auto}}.hide-comments{display:none}.comments{border:1px solid #000;border-radius:15px;grid-area:comments;text-align:center}.comment-list{align-items:center;display:flex;flex-direction:column;justify-content:center;list-style-type:none;padding:0}.comment-list__element--footer--container{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:30px;justify-content:space-between}.comment-list__element--container{border:1px solid #000;border-radius:15px;padding:10px;width:200px}.comment-list__element--author--container{align-items:center;background:linear-gradient(90deg,#fff,grey);border-radius:15px;display:flex;flex-direction:row;flex-wrap:nowrap;height:30px;justify-content:space-between;padding:10px;text-align:left}.add-comment-likes{flex-direction:row;flex-wrap:nowrap}.add-comment-likes,.add-comment-likes__container{display:flex;justify-content:space-around;text-align:center}.add-comment-likes__container{align-items:center;border:1px solid grey;border-radius:15px;box-shadow:1px 1px 10px 5px #d3d3d3;font-size:.8rem;height:30px;width:75px}.add-comment-likes__button{display:inline;height:20px;justify-content:space-between;width:50px}.hide-comment-form{display:none}.comment-form__input{border:1px solid #d3d3d3;border-radius:15px;box-shadow:0 0 5px 1px #d3d3d3;display:block;height:75px;margin:10px;position:relative;text-align:center;width:200px;z-index:1}.comment-form{align-items:center;display:flex;flex-direction:column}.comment-posting{box-shadow:inset 0 0 3px 3px blue}.shake-input{-webkit-animation:shake 1s cubic-bezier(.36,.07,.19,.97);animation:shake 1s cubic-bezier(.36,.07,.19,.97);box-shadow:0 0 5px 1px red}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}.comment-form__message{color:red;height:20px;margin:0;position:relative;z-index:1}.comment-form__button{height:40px;position:relative;width:75px;z-index:1}.form-overlay{background:radial-gradient(circle at center,#000 0,#d3d3d3 100%);border-radius:15px;box-shadow:inset 0 0 5px 5px #fff;display:inline;height:160px;margin:5px;opacity:.7;position:absolute;width:250px;z-index:12}.form-overlay__text{color:#fff;font-size:2rem;font-weight:700;justify-content:center;padding-top:30px;text-align:center;vertical-align:middle}.hide{display:none}.categories-list__list__element--container{border:1px solid #000;border-radius:15px;box-shadow:0 0 5px 5px grey;list-style-type:none;margin:10px;padding:10px;width:320px}@media (max-width:360px){.categories-list__list__element--container{border:1px solid #000;border-radius:15px;box-shadow:0 0 5px 5px grey;list-style-type:none;margin:10px;padding:10px;width:270px}}.categories-list__list{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;margin:10px;padding:0}.categories-list__description{padding:10px;text-align:center}.hide-category-present{display:none}.category-present{color:green;font-weight:700}.comment__list__element--delete-button{border-radius:10px;cursor:pointer;font-size:.75rem}.comment-deleting{box-shadow:inset 0 0 3px 3px orange}.comment-fading{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:deleteFade;animation-name:deleteFade}@-webkit-keyframes deleteFade{0%{opacity:1}25%{opacity:.75}50%{opacity:.5}75%{opacity:.25}to{opacity:0}}@keyframes deleteFade{0%{opacity:1}25%{opacity:.75}50%{opacity:.5}75%{opacity:.25}to{opacity:0}}.shake-comment{-webkit-animation:shake-comment 1s cubic-bezier(.36,.07,.19,.97);animation:shake-comment 1s cubic-bezier(.36,.07,.19,.97)}.reviews__header__query-form__list--message--content{color:orange;font-style:italic;font-weight:700}.reviews__header__query{border:1px solid #d3d3d3;border-radius:15px;display:grid;grid-template-areas:"title title" "sort order" "message message";grid-template-columns:1fr 1fr;grid-template-rows:50px auto 50px;margin:10px 10px 0;padding-bottom:10px}.sort{grid-area:sort}.order{grid-area:order}.reviews__header__query-form--title{grid-area:title}@-webkit-keyframes shake-comment{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{box-shadow:0 0 5px 1px red;-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shake-comment{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{box-shadow:0 0 5px 1px red;-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}.reviews__header__query-form__list--message{grid-area:message}.error-handler__server{background:radial-gradient(circle at 100%,red,#fff)}.error-handler__server,.error-handler__user{border:1px solid #000;border-radius:15px;font-size:1.5rem;height:100%;padding:50px;text-align:center}.error-handler__user{background:radial-gradient(circle at 100%,orange,#fff)}img{margin-top:20px;width:200px}.main{min-height:calc(100vh - 350px);min-height:calc(100vh - var(--footer-height) - var(--header-height) - var(--navbar-height))}.navbar__link--box{align-items:center;display:flex;height:75px;justify-content:center;text-align:center;width:125px}.loader-ball{background-color:#7fffd4;border-radius:50px;height:150px;width:150px}.welcome{align-items:center;display:flex;flex-direction:column;flex-wrap:no-wrap;font-size:1.2rem;font-weight:400;height:100%;justify-content:center;text-align:center}.welcome__image{height:100px;width:100px}.welcome__nb{color:#ff8c00;font-weight:700}.first-load-overlay{align-items:center;background:radial-gradient(circle at 50%,#fff,#000);display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;margin:0;padding:0;position:fixed;top:0;width:100vw;z-index:20}.landing-logo{height:600px;margin-left:170px;margin-top:50px;width:600px}.landing-text{font-size:3rem;margin-top:-60px;text-shadow:2px 2px 5px #fff}.render-logo{height:"175px";width:"175px"}.welcome-link-row{align-items:center;display:flex;flex-direction:row;justify-content:space-around;width:400px}@media (max-width:400px){.welcome{font-size:.8rem}.welcome img{width:100px}.welcome-link-row{align-items:center;display:flex;flex-direction:row;justify-content:center}}@media (max-width:350px){.title-box img{width:150px}}.hide-sort-queries{align-items:center;background-color:#fff;background:hsla(0,0%,100%,0);display:flex;flex-direction:row;font-size:2rem;height:50px;justify-content:center;position:-webkit-sticky;position:sticky;top:0;width:100%}.hide-sort-queries[data-showQueries=true]{top:200px;top:calc(var(--footer-height) + var(--navbar-height))}.hide-sort-queries__element{border:1px solid #000;border-bottom-left-radius:15px;border-bottom-right-radius:15px;margin-top:0;width:25%}
/*# sourceMappingURL=main.7bba2050.css.map*/