@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap');:root{--text-color-red:#f8ebeb;--text-color-yellow:#fff8e0;--text-color-green:#f1ffe0;--background-color-red:#eb9191;--background-color-yellow:#ebd791;--background-color-green:#b1d188;--error-color-red:#aa3737;--error-color-yellow:#9a7b0e;--error-color-green:#49701a}*{box-sizing:border-box;margin:0;padding:0}.text-red{color:#f8ebeb;color:var(--text-color-red)}.text-yellow{color:#fff8e0;color:var(--text-color-yellow)}.text-green{color:#f1ffe0;color:var(--text-color-green)}.background-red{background-color:#eb9191;background-color:var(--background-color-red)}.background-yellow{background-color:#ebd791;background-color:var(--background-color-yellow)}.background-green{background-color:#b1d188;background-color:var(--background-color-green)}.button-red{background-color:#f8ebeb;background-color:var(--text-color-red);color:#aa3737;color:var(--error-color-red)}.button-yellow{background-color:#fff8e0;background-color:var(--text-color-yellow);color:#9a7b0e;color:var(--error-color-yellow)}.button-green{background-color:#f1ffe0;background-color:var(--text-color-green);color:#49701a;color:var(--error-color-green)}.error-red{color:#aa3737;color:var(--error-color-red)}.error-yellow{color:#9a7b0e;color:var(--error-color-yellow)}.error-green{color:#49701a;color:var(--error-color-green)}.input-background-red{background-color:#f8ebeb;background-color:var(--text-color-red)}.input-background-yellow{background-color:#fff8e0;background-color:var(--text-color-yellow)}.input-background-green{background-color:#f1ffe0;background-color:var(--text-color-green)}button{cursor:pointer}.App{height:100vh;overflow:hidden;width:100vw}.logoBig{height:10em;margin:3em;width:30em}.start-card-wrapper{display:flex;flex-direction:column;height:125vh;margin:0 auto;padding-top:25em;width:20em}.card{height:95%;margin-top:-18em}.start-card-wrapper input[type=radio]:checked+label{flex:1 1 auto;margin-bottom:-3em}.start-card-wrapper label{flex:0 0 auto;transition:all 1s}.start-card-wrapper>input{display:none}@media only screen and (max-height:580px){.start-card-wrapper{height:150vh;padding-top:23em;width:18em}.start-card-wrapper input[type=radio]:checked+label{margin-bottom:-2em}.card{height:auto;margin-top:-16.3em}}@media only screen and (max-height:700px){.start-card-wrapper{height:140vh}}@media only screen and (min-width:700px){.start-card-wrapper{display:grid;grid-template-columns:repeat(3,1fr);margin:0 auto;padding-top:1rem;position:relative;width:80%}.first-card{grid-column-end:1;grid-column-start:1;margin-top:0;z-index:10}.second-card{grid-column-end:2;grid-column-start:2;margin-top:0;z-index:5}.third-card{grid-column-end:3;grid-column-start:3;margin-top:0;z-index:1}}@media only screen and (min-width:1200px){.start-card-wrapper{padding-left:3em;width:60%}}.title-container{display:flex;flex-direction:row;justify-content:center;padding:2em .5em 1em}.title-container .title{height:40px;line-height:40px;width:90%}.title-container .icon{align-self:flex-end}.start-card-container{height:100%}.start-card{border-radius:25px;box-shadow:0 -15px 30px -5px rgba(0,0,0,.2);display:flex;flex-direction:column;height:100%;justify-content:space-around;min-height:23em;padding:0 2em 3em;position:relative;text-align:center;transition:.4s ease-out}.list-item{padding:.2em}.btn-container{align-items:center;display:flex;flex-direction:column;margin:auto 0 0}.btn-list{margin-top:1.5rem}.btn-add,.btn-list{border:none;border-radius:10px;cursor:pointer;font-size:1rem;padding:.5em;transition:-webkit-transform .5s ease-in;transition:transform .5s ease-in;transition:transform .5s ease-in,-webkit-transform .5s ease-in;width:100%}.btn-add{margin-top:.8rem}@media only screen and (max-height:580px){.start-card{min-height:19em}.listStuff{max-height:6rem;overflow:scroll}}@media only screen and (min-width:700px){.start-card{margin-left:-3em;max-height:27em;min-height:27em}.start-card:hover{-webkit-transform:translateY(-20px);transform:translateY(-20px);transition:.4s ease-out}.btn-add,.btn-list{width:70%}.btn-add:hover,.btn-list:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}}*{font-family:Roboto,sans-serif}main{border-radius:9px;display:grid;grid-template-rows:3em 5em 1fr 5em;height:88vh}main>.add-button{text-align:center}.add-button>button{border:none;border-radius:5px;font-size:1rem;font-weight:bolder;padding:.8em;width:10rem}.sortChosed-red{background-color:var(--text-color-red);color:var(--error-color-red);font-weight:bolder}.sortChosed-yellow{background-color:var(--text-color-yellow);color:var(--error-color-yellow);font-weight:bolder}.sortChosed-green{background-color:var(--text-color-green);color:var(--error-color-green);font-weight:bolder}.addButton-red{background-color:var(--text-color-red);color:var(--error-color-red)}.addButton-yellow{background-color:var(--text-color-yellow);color:var(--error-color-yellow)}.addButton-green{background-color:var(--text-color-green);color:var(--error-color-green)}.sortItem-red:hover{background-color:var(--text-color-red);color:var(--background-color-red)}.sortItem-yellow:hover{background-color:var(--text-color-yellow);color:var(--background-color-yellow)}.sortItem-green:hover{background-color:var(--text-color-green);color:var(--background-color-green)}.listcomponent-menu input{background:transparent;border:none;border-bottom:1px solid var(--text-color-red);border-radius:0;font-size:1rem;padding:.3em;width:100%}.listcomponent-menu input:focus{outline:none}::-webkit-input-placeholder{font-size:1.2em;opacity:1}::placeholder{font-size:1.2em;opacity:1}.listcomponent-menu{display:grid;grid-template-columns:7em 1fr;text-align:left}.listcomponent-menu>div{margin:1em .5em .5em}.sort{border-radius:5px;display:inline-block;position:relative}.drop-div{border-bottom:1px solid var(--text-color-red);font-size:1.5em;padding-left:.2em}.dropdown-content{display:none;position:relative}.dropdown-content>div:last-child{border-radius:0 0 10px 10px}.sort:hover .dropdown-content{border-radius:10px 10px 10px 10px;display:block}.dropdown-content{width:100%}.dropdown-content div{padding:1em}.desktop-menu{display:none}@media screen and (max-width:700px){.scrollable{overflow-y:auto}.main{display:flex;flex-direction:column}.main>div{margin-bottom:1em}main>h2{font-size:2rem;font-weight:lighter;text-align:center}.main{height:95%}.listcomponent-menu{grid-template-columns:8em 1fr}.drop-div{padding-left:.5em}.listcomponent-menu input.red{border-bottom:1px solid var(--text-color-red);color:var(--text-color-red)}.listcomponent-menu input.yellow{border-bottom:1px solid var(--text-color-yellow);color:var(--text-color-yellow)}.listcomponent-menu input.green{border-bottom:1px solid var(--text-color-green);color:var(--text-color-green)}::-webkit-input-placeholder{color:inherit;font-size:1.2em;opacity:1}::placeholder{color:inherit;font-size:1.2em;opacity:1}}@media screen and (min-width:701px){.scrollable{overflow-y:auto}.main{grid-gap:1em;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;height:90%}.listcomponent-menu input.red{border-bottom:1px solid var(--error-color-red);color:var(--error-color-red)}.listcomponent-menu input.yellow{border-bottom:1px solid var(--error-color-yellow);color:var(--error-color-yellow)}.listcomponent-menu input.green{border-bottom:1px solid var(--error-color-green);color:var(--error-color-green)}.listcomponent-menu input:focus{outline:none}::-webkit-input-placeholder{color:inherit}::placeholder{color:inherit}.listcomponent-menu{align-items:flex-start;display:flex;flex-direction:row-reverse;justify-content:space-between;max-width:39rem;position:absolute;right:0;top:-4rem;width:calc(75vw - 21rem)}.listcomponent-menu input{background:transparent;border-radius:0;margin-right:.8em;margin-top:.81em;max-width:19rem;padding:.55em;width:calc(80vw - 31rem)}.sort{border-radius:10px;display:inline-block;position:relative;width:8rem}.sort:hover{border:1px solid #fff;border-radius:10px 10px 10px 10px}.drop-div{border:none;border-radius:5px;font-size:1.2rem;font-weight:bolder;padding:.8em;width:10rem}main{display:grid;grid-template-rows:4em 1fr 3em;height:100%}main>h2{font-size:2rem;font-weight:lighter;margin-top:.5em;text-align:left}main>.add-button{text-align:right}.listcomponent-menu>div{margin:0}}@media screen and (max-width:1130px){.main{grid-gap:1em;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}}.list-card{border-radius:5px;display:grid;font-family:Roboto,sans-serif;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat (10,1fr);height:225px;padding:.3em}.red{background-color:var(--text-color-red);color:var(--error-color-red)}.yellow{background-color:var(--text-color-yellow);color:var(--error-color-yellow)}.green{background-color:var(--text-color-green);color:var(--error-color-green)}.red-button{background-color:var(--error-color-red);color:var(--text-color-red)}.yellow-button{background-color:var(--error-color-yellow);color:var(--text-color-yellow)}.green-button{background-color:var(--error-color-green);color:var(--text-color-green)}.list-card>h3{align-self:center;font-size:15px;grid-row:1/1;margin-left:.3rem;text-align:left}.list-card>div,.list-card>h3{grid-column:1/11}.list-card p{font-size:14px;padding:.3rem;text-align:left}.list-card>button{border:none;border-radius:5px}.list-card>.edit-button{align-self:end;cursor:pointer;grid-column:1/13;grid-row:6/6;height:30px}.list-card>.delete-button{align-self:start;cursor:pointer;grid-column:12/12;height:25px;justify-self:end;width:25px}.list-card span{font-weight:500}.edit-list-card{border-radius:5px;display:grid;font-size:14px;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat (10,1fr);height:225px;min-width:200px;padding:.3em}.edit-list-card>:nth-child(2){grid-row:1/1}.edit-list-card div{align-items:flex-end;display:flex;grid-column:1/11;min-width:5rem}.edit-list-card label{font-size:14px;font-weight:700;margin-right:.5rem;margin-top:0}.edit-list-card input[type=text],input[type=number]{border:none;border-radius:5px;font-size:14px;margin:.1rem;width:100%}.edit-list-card p{font-weight:700;margin-right:.7rem}.edit-radio-container label{font-weight:lighter;margin-right:.2em}.edit-radio-container>input[type=radio]{height:.9rem;margin-right:.7rem;position:relative;top:-.05rem}.edit-list-card .comment-container{align-items:flex-start;display:flex;flex-direction:column;margin-top:.3rem}.comment-container>textarea{border:none;border-radius:5px;grid-column:1/13;height:3rem;resize:none;width:100%}.edit-list-card .comment-label{display:block}.edit-list-card input[type=number]{max-width:3rem;top:0}.save-edit-button{align-self:end;border-radius:5px;grid-column:1/13;height:30px}.edit-list-card>.delete-button{align-self:start;border:none;border-radius:5px;grid-column:12/12;height:25px;justify-self:end;width:25px}form{align-items:center;display:flex;flex-direction:column;font-family:Roboto,sans-serif;height:100%;width:100%}form h2{font-size:1.875rem;font-weight:lighter}form label{align-self:flex-start;font-size:1.1rem;margin-top:1rem;padding-bottom:.3rem}form input{background-color:var(--text-color-red);border:none;border-radius:10px;font-size:1rem;font-weight:lighter;padding:.7rem;width:70vw}form>.rating-container{width:100%}form>.rating-container>div:first-child{display:flex;justify-content:space-between;margin-top:1.8rem;width:100%}.error-rating{text-align:end}form input[type=radio]{height:1.5rem;margin-right:1rem;position:relative;top:.3rem;width:1.6em}form input[type=radio]:nth-of-type(2){margin-right:0}form input[type=number]{position:relative;width:8rem}fieldset{border:none;padding:0}legend{display:inline;font-size:1.125rem}div.rate-div{width:-webkit-min-content;width:min-content}form textarea{padding:1rem;resize:none}form textarea,form>input[type=submit]{border:none;border-radius:10px;width:100%}form>input[type=submit]{cursor:pointer;font-size:1.3rem;margin-top:1.5rem;padding:.5em}.form-textarea-container{text-align:right;width:100%}.form-input-container{position:relative}.form-input-container span{bottom:-1.3rem;position:absolute;right:0}@media(max-width:337px){input[type=radio]:first-of-type{margin-right:0}form .rating-container{justify-content:space-between}form textarea{max-height:4rem}form input[type=number]{width:6rem}}@media(min-width:700px){form h2{align-self:center;font-size:2rem;padding-top:1rem}form{align-items:flex-start}form input{max-width:31rem;width:60%}form>.rating-container{display:flex;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;width:100%}form>.rating-container>div:first-child{display:flex;justify-content:space-between;margin-top:1rem;max-width:31rem;width:60%}form input[type=radio]{height:1.5rem;margin-right:.2em;position:relative;top:.3rem;width:1.6em}.form-input-container{width:100%}.form-input-container span{padding-left:.6em;position:static}.error-rating{align-items:center;display:flex;margin-top:1.8rem;padding-left:.6em;padding-top:.6em}div.rate-div{width:auto}label.rate{display:block;margin-top:0}.form-textarea-container{display:flex;text-align:inherit;width:100%}.form-textarea-container span{align-self:start;padding-left:.6em;position:static}form textarea{height:7rem;max-width:31rem;width:60%}form>input[type=submit]{border:none;border-radius:5px;bottom:2rem;font-size:1rem;font-weight:bolder;padding:.8em;position:absolute;right:2rem;width:10rem}}@media(max-height:800px) and (min-width:700px){form>div{padding:0}form textarea{max-height:8rem}form label{margin-top:.2rem;padding-bottom:0}}header{align-items:flex-start;background-color:initial;display:flex;justify-content:space-between;margin:0 auto;max-width:60rem;padding-top:2rem;position:absolute;width:100vw}img.big{height:auto;margin:0 auto;width:10rem}@media(max-width:340px){img.big{width:8rem}}img.go-back{height:2rem;padding-left:2rem}img.go-back:hover{cursor:pointer}.desktop-size{display:none}.mobile-size{display:inline-block}.logo-mobile{bottom:.5rem;height:3.2rem;margin:0 0 0 auto;padding-right:2rem;position:relative}@media(min-width:700px){header{background-color:#fff;padding-top:2rem;position:static;width:75vw}img.big{cursor:pointer;width:20rem}img.medium{cursor:pointer;width:15rem}.mobile-size{display:none}.desktop-size{display:inline-block}.go-back-text{background-color:initial;border:none;cursor:pointer;font-size:1.3em;margin:0 auto 0 0;padding:.7em 0 0}}section{background-color:initial;height:100vh;padding:4rem 3.5rem 2rem;width:100vw}nav{display:none}div.content-wrapper{height:100%;width:100%}@media(min-width:700px){section{border-radius:20px;border-top-left-radius:0;box-shadow:0 0 5px -50px rgba(0,0,0,.8),8px 7px 20px -12px rgba(0,0,0,.8);margin:5rem auto;max-height:70vh;max-width:65rem;padding:0 3.5rem 2rem;position:relative;width:75vw}nav{align-items:flex-end;display:inline-block;display:flex;height:4rem;left:0;position:absolute;top:-4rem}.tab{border:none;border-radius:25px 25px 0 0;height:100%;margin:0 -1.5rem 0 0;padding:1em;position:relative;width:7rem}nav button:first-child{z-index:3}nav button:nth-child(2){z-index:2}nav button:last-child{z-index:1}.tab:hover{cursor:pointer}nav button.tab-active{height:calc(100% + 1rem);z-index:4}.tab>img{height:3em}}@media(max-height:800px) and (min-width:700px){section{max-height:65vh}}
/*# sourceMappingURL=main.ba8d1f49.css.map*/