@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);.app{display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:100vh;letter-spacing:2px;overflow:hidden;position:relative;width:100%}.app__bg{background-attachment:fixed;background-position:top;background-repeat:no-repeat;height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:opacity 1s ease;width:100%;z-index:-1}.app__bg--visible{opacity:1}.app__bg--invisible{opacity:0}.app__header{align-items:center;background:rgba(0,0,0,.3);color:#fff;display:flex;font-size:26px;font-weight:700;height:50px;justify-content:center;top:0;width:100%}.app__container{display:flex;flex:1 1;flex-wrap:wrap}.app__main{background:linear-gradient(90deg,rgba(0,0,0,.5),transparent 5%,transparent 0,transparent 95%,rgba(0,0,0,.5));display:flex;flex-basis:85%;flex-direction:column;height:calc(100vh - 100px);line-height:25px;overflow-y:auto;padding:15px 65px;position:relative}@media(max-width:900px){.app__main{flex-basis:100%;height:calc(100vh - 200px);padding:15px}}.app__main-title,.app__nav-title{align-items:center;color:#000;display:flex;font-family:Poppins,sans-serif;font-size:27px;justify-content:center;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}@media(max-width:1100px){.app__main-title,.app__nav-title{font-size:20px}}.app__list{background-color:hsla(0,0%,100%,.7);border:1px solid #000;border-radius:15px;box-shadow:0 4px 6px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06);list-style:none;padding:20px 30px}.app__list-item:not(:last-child){color:#000;letter-spacing:1px;margin-bottom:14px}.app__list-item:not(:last-child):after{border-bottom:1px solid #000;content:"";display:block;margin:0 auto;padding:5px 0;width:100%}.app__bold-text,.app__clearBtn{font-weight:700}.app__clearBtn{background-color:hsla(0,0%,100%,.7);border:2px solid #000;border-radius:15px;box-shadow:0 4px 6px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06);cursor:pointer;height:40px;list-style:none;margin:15px auto;text-transform:uppercase;transition:scale .2s ease-in-out;-webkit-user-select:none;user-select:none;width:200px}.app__clearBtn:hover{box-shadow:0 4px 8px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.1);scale:1.01}.app__clearBtn:active{background-color:hsla(0,0%,100%,.8);box-shadow:none;scale:1}.app__wrap{flex-direction:column;gap:30px;margin:0 auto;max-width:900px}.app__wrap,.scroll{align-items:center;display:flex;justify-content:center}.scroll{background-color:rgba(165,42,42,.7);border-radius:50%;bottom:10%;box-shadow:0 0 10px rgba(165,42,42,.7);cursor:pointer;height:50px;position:fixed;right:2%;width:50px}.scroll:hover{box-shadow:0 0 12px rgba(165,42,42,.8)}.scroll:active{box-shadow:0 0 15px brown}.scroll__arrow{border:2px solid #fff;border-left:none;border-top:none;height:25px;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease;width:25px}.scroll__arrow:before{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:arrow;animation-name:arrow;border:1px solid #fff;border-left:none;border-top:none;content:"";height:20px;position:absolute;width:20px}@-webkit-keyframes arrow{0%{opacity:1}to{opacity:0;-webkit-transform:translate(-10px,-10px);transform:translate(-10px,-10px)}}@keyframes arrow{0%{opacity:1}to{opacity:0;-webkit-transform:translate(-10px,-10px);transform:translate(-10px,-10px)}}.scroll__arrowUp{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.scroll__arrowDown{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.spinner{animation:load4 1.3s linear infinite;-webkit-animation:load4 1.3s linear infinite;border-radius:50%;color:brown;font-size:20px;height:1em;margin:100px auto;position:relative;text-indent:-9999em;-webkit-transform:translateZ(0);transform:translateZ(0);width:1em}@-webkit-keyframes load4{0%,to{box-shadow:0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em}}@keyframes load4{0%,to{box-shadow:0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em}}.addBtn{align-items:center;bottom:10%;display:flex;flex-direction:row;left:16%;position:fixed;-webkit-user-select:none;user-select:none}@media(max-width:900px){.addBtn{left:5%}}.addBtn:hover .addBtn__cross{-webkit-animation:rotateAnimation 2s infinite;animation:rotateAnimation 2s infinite}@-webkit-keyframes rotateAnimation{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@keyframes rotateAnimation{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}.addBtn__cross{color:#fff;font-size:30px;font-weight:700;margin:0 12px;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.addBtn__cross-wrap{align-items:center;background-color:rgba(165,42,42,.7);border-radius:50%;box-shadow:0 0 10px rgba(165,42,42,.7);cursor:pointer;display:flex;height:50px;justify-content:flex-start;transition:width .3s ease-in-out;width:50px}.addBtn__cross-wrap:hover{box-shadow:0 0 12px rgba(165,42,42,.8)}.addBtn__cross-wrap:active{box-shadow:0 0 15px brown}.addBtn__cross-wrap:hover{border-radius:25px;width:280px}.addBtn__cross-wrap:hover .addBtn__message{display:flex;opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.addBtn__message{color:#fff;font-size:25px;margin-left:10px;opacity:0;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.addBtn-enter{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}.addBtn-enter-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.addBtn-exit{opacity:1}.addBtn-exit-active{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px);transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.newEntry{align-items:center;display:flex;flex-direction:column;justify-content:center;left:38%;position:fixed;top:35%;-webkit-user-select:none;user-select:none;width:500px}@media(max-width:730px){.newEntry{left:15%;top:35%;width:300px}}.newEntry__column{background-color:#faeded;border:1px solid #fff;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:0 0 5px #ccc;display:flex;flex-direction:column;height:300px;opacity:.95;padding:0 15px 15px;width:100%}.newEntry__row{align-items:center;display:flex;flex-direction:row;min-height:40px}.newEntry__user{display:flex;justify-content:center;width:100%}.newEntry__userImg{height:20px;object-fit:cover;object-position:center;width:20px}.newEntry__userName{margin:0 5px}.newEntry__closeBtn{align-items:center;background-color:rgba(165,42,42,.5);border-radius:50%;box-shadow:0 0 5px rgba(165,42,42,.7);display:flex;height:27px;justify-content:center;margin:0 8px;width:27px}.newEntry__closeBtn:hover{background-color:rgba(165,42,42,.7);box-shadow:0 0 7px brown;cursor:pointer}.newEntry__closeBtn:active{box-shadow:0 0 7px rgba(165,42,42,.9)}.newEntry__closeBtn:hover .newEntry__crossImg{height:20px;width:20px}.newEntry__crossImg{height:15px;width:15px}.newEntry__textBox{display:flex;flex-direction:column;margin-bottom:10px;width:100%}.newEntry__textarea,.newEntry__titlearea{border:1px solid brown;border-radius:7px;outline:none;padding:10px;resize:none;transition:box-shadow .3s ease;z-index:1}.newEntry__textarea::-webkit-input-placeholder,.newEntry__titlearea::-webkit-input-placeholder{color:#999;font-style:italic;text-align:center}.newEntry__textarea::placeholder,.newEntry__titlearea::placeholder{color:#999;font-style:italic;text-align:center}.newEntry__textarea:focus,.newEntry__titlearea:focus{box-shadow:0 0 5px brown}.newEntry__textarea{height:100%}.newEntry__submitBtn,.newEntry__submitContainer{align-items:center;display:flex;justify-content:center}.newEntry__submitBtn{background:linear-gradient(90deg,brown,#e69c9c,brown);border-bottom-left-radius:10px;border-bottom-right-radius:10px;color:#fff;font-weight:700;height:30px;letter-spacing:2px;opacity:.9;text-transform:uppercase;width:500px}.newEntry__submitBtn:hover{background:brown;cursor:pointer}@media(max-width:730px){.newEntry__submitBtn{width:300px}}.newEntry__error-message{color:red;font-size:13px;font-style:italic}.newEntry-enter{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.newEntry-enter-active{transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.newEntry-enter-active,.newEntry-exit{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.newEntry-exit-active{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.checkBox{align-items:flex-start;display:flex;justify-content:center}.checkBox__input{height:0;width:0}.checkBox__label{background:#ebb0b0;border-radius:100px;box-shadow:inset 0 0 20px 5px #7c2020;cursor:pointer;display:block;height:60px;position:relative;text-indent:-9999px;-webkit-transform:scale(.45);transform:scale(.45);transition:background-color .3s;width:110px}.checkBox__label:after{background:brown;border-radius:100px;content:"";height:50px;left:5px;position:absolute;top:5px;transition:.3s;width:50px}.checkBox__input:checked+.checkBox__label{background-color:green}.checkBox__input:checked+.checkBox__label:after{left:calc(100% - 5px);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.checkBox__label:active:after{width:100px}html{box-sizing:border-box}*,:after,:before{border:0;box-sizing:inherit;margin:0;padding:0}.error{align-items:center;background:linear-gradient(90deg,rgba(0,0,0,.5),transparent 5%,transparent 0,transparent 95%,rgba(0,0,0,.5));display:flex;flex-basis:100%;flex-direction:column;height:calc(100vh - 100px);justify-content:center;max-width:85%;overflow-y:auto}.error__image{display:block;height:300px;margin:0 auto;object-fit:contain;width:300px}.error__text{color:red;font-size:30px;font-weight:700;margin:10px;text-align:center;text-transform:uppercase}.page{background-color:hsla(0,0%,100%,.7);border:1px solid #000;border-radius:15px;box-shadow:0 4px 6px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06);font-family:Roboto,sans-serif;list-style:none;margin-bottom:15px;padding:10px}.page__link{color:#000;text-decoration:none}.page__wrap{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.page__wrap:after{border-bottom:1px solid #000;content:"";display:block;margin:0 auto;padding-top:5px;width:100%}.page__container{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.page__userId{font-style:italic}.page__postId,.page__todoId,.page__userID{font-weight:700}.page__edit-wrap{display:flex;flex-direction:row}.page__btn{align-items:center;background-color:rgba(165,42,42,.5);border-radius:50%;box-shadow:0 0 5px rgba(165,42,42,.7);display:flex;height:27px;justify-content:center;margin:0 8px;width:27px}.page__btn:hover{background-color:rgba(165,42,42,.7);box-shadow:0 0 7px brown;cursor:pointer}.page__btn:active{box-shadow:0 0 7px rgba(165,42,42,.9)}.page__btn:hover .page__item{height:20px;width:20px}.page__item{height:15px;width:15px}.page__title{text-align:center}.page__completed{font-weight:700}.page-appear{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}.page-appear-active{opacity:1;-webkit-transform:scale(1);transform:scale(1);transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.page-enter{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}.page-enter-active{transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.page-enter-active,.page-exit{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.page-exit-active{opacity:0;-webkit-transform:scale(.2);transform:scale(.2);transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.user{align-items:center;background-color:hsla(0,0%,100%,.7);border:2px solid #000;border-radius:15px;box-shadow:0 4px 6px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06);color:#000;cursor:pointer;display:flex;flex-wrap:wrap;height:50px;justify-content:space-between;list-style:none;margin-bottom:10px;padding:10px;text-decoration:none;transition:scale .2s ease-in-out;-webkit-user-select:none;user-select:none}.user:hover{box-shadow:0 4px 8px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.1);scale:1.01}.user:active{background-color:hsla(0,0%,100%,.8);box-shadow:none;scale:1}.user__container{display:flex;font-size:20px;justify-content:space-between;margin:5px 25px;text-decoration:underline}.user__name{font-weight:700}.user__userName{font-style:italic}.detailedUser{background-color:hsla(0,0%,100%,.7);border:1px solid #000;border-radius:15px;box-shadow:0 4px 6px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06);display:flex;font-family:Roboto,sans-serif;justify-content:center;list-style:none;padding:20px;width:100%}.detailedUser__column{display:flex;flex-direction:column}.detailedUser__row{align-items:center;display:flex;flex-wrap:wrap;margin:15px 0}@media(max-width:500px){.detailedUser__row{justify-content:center}}.detailedUser__info{display:flex;flex-direction:column}.detailedUser__info-icon{height:50px;margin:0 20px;width:50px}.detailedUser__info-item{font-size:23px;font-weight:700}@media(max-width:500px){.detailedUser__info-item{font-size:17px}}.detailedUser__info-name{color:brown;font-style:italic}.detailedUser__backBtn{align-items:center;background-color:hsla(0,0%,100%,.7);border:2px solid #000;border-radius:15px;box-shadow:0 4px 6px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06);color:#000;cursor:pointer;display:flex;font-weight:700;justify-content:center;list-style:none;padding:7px;text-decoration:none;text-transform:uppercase;transition:scale .2s ease-in-out;-webkit-user-select:none;user-select:none;width:100%}.detailedUser__backBtn:hover{box-shadow:0 4px 8px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.1);scale:1.01}.detailedUser__backBtn:active{background-color:hsla(0,0%,100%,.8);box-shadow:none;scale:1}.detailedUser__backBtn-icon{height:50px;margin-right:5px;width:50px}.detailedUser__line:after{border-bottom:1px solid #000;content:"";display:block;margin:0 auto;padding:5px 0;width:100%}.detailedUser-appear{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}.detailedUser-appear-active{opacity:1;-webkit-transform:scale(1);transform:scale(1);transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.detailedUser-enter{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}.detailedUser-enter-active{transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.detailedUser-enter-active,.detailedUser-exit{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.detailedUser-exit-active{opacity:0;-webkit-transform:scale(.2);transform:scale(.2);transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.userTabs{background-color:hsla(0,0%,100%,.7);border:1px solid #000;border-radius:15px;box-shadow:0 4px 6px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06);display:flex;flex-direction:column;font-family:Roboto,sans-serif;justify-content:flex-start;list-style:none;padding:30px;width:100%}.userTabs__content{max-height:100%;padding-top:30px}.userTabs__item{display:none}.userTabs__item.active{display:block}.userTabs__list{display:flex;flex-direction:column;list-style:none}.userTabs__album-item,.userTabs__post-item,.userTabs__todo-item{border:1px solid rgba(0,0,0,.2);border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06);margin-bottom:15px;padding:10px}.userTabs__post-title-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.userTabs__post-title-wrap:after{border-bottom:1px solid #000;content:"";display:block;margin:0 auto;padding-top:10px;width:100%}.userTabs__post-title{max-width:80%}.userTabs__album-item,.userTabs__todo-item{align-items:center;display:flex;justify-content:space-between;width:100%}.userTabs__album-title{max-width:80%}.userTabs__todo-title-wrap{align-items:center;display:inline-flex;max-width:80%}.userTabs__todo-title{font-weight:700}.userTabs__todo-checkbox{appearance:none;-webkit-appearance:none;border:1px solid #7c2020;border-radius:50%;height:20px;margin-right:15px;min-width:20px;position:relative}.userTabs__todo-checkbox:checked{background-color:#adff2f;border-color:#7c2020}.userTabs__todo-checkbox:checked:after{color:#fff;content:"✓";left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.userTabs__nav{display:flex;flex-direction:row}@media(max-width:500px){.userTabs__nav{flex-direction:column}}.userTabs__navBtn{background-color:hsla(0,0%,100%,.6);cursor:pointer;font-size:20px;margin:1px;padding:15px 30px;text-transform:uppercase;width:100%}.userTabs__navBtn.active{background-color:brown;color:#fff}.userTabs__navBtn:hover{background-color:#842222}.userTabs__navBtn:first-child{border-top-left-radius:20px}@media(max-width:500px){.userTabs__navBtn:first-child{border-top-right-radius:20px}}.userTabs__navBtn:last-child{border-right:none;border-top-right-radius:20px}@media(max-width:500px){.userTabs__navBtn:last-child{border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-right-radius:0}}.nav{align-items:center;background:linear-gradient(270deg,rgba(0,0,0,.5),transparent);display:flex;flex-basis:100%;flex-direction:column;font-size:23px;height:calc(100vh - 100px);max-width:15%;padding:15px}@media(max-width:900px){.nav{align-items:center;flex-direction:row;height:50px;justify-content:space-around;max-width:100%;padding:0}}@media(max-width:1100px){.nav__title{font-size:20px}}@media(max-width:900px){.nav__title{display:none}}.nav__li{list-style:none;padding:6px 30px;position:relative;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.nav__li:hover .nav__span{opacity:1;-webkit-transform:scale(1);transform:scale(1)}@media(max-width:900px){.nav__li{font-size:.75em;margin:0;padding:6px}}.nav__link{color:#fff;font-family:Montserrat,sans-serif;font-size:35px;font-weight:700;list-style:none;text-decoration:none;vertical-align:middle}@media(max-width:1100px){.nav__link{font-size:25px}}@media(max-width:500px){.nav__link{font-size:18px}}.nav__link:hover{cursor:pointer}.nav__link.active{color:brown}.nav__span{border:2px solid brown;border-radius:7px;height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transform:scale(0);transform:scale(0);transition:.5s;width:100%}.player{align-items:center;display:flex;flex-direction:row;justify-content:center}@media(max-width:500px){.player{flex-direction:column}}.player__icon{background:rgba(90,213,213,.7);border-radius:50%;display:block;-webkit-filter:invert(1);filter:invert(1);height:35px;margin:10px;transition:scale .3s ease,opacity .3s ease;width:35px}.player__icon:hover{cursor:pointer;scale:1.1}.player__icon-wrap{flex-direction:row;justify-content:center}.player__icon-wrap,.player__volume-wrap{align-items:center;display:flex;margin:0 5px}.player__volume-input{-webkit-appearance:none;appearance:none;background-color:#fff;border-radius:10px;height:10px;margin:0 10px;width:100px}.player__volume-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:brown;border:1px solid #fff;border-radius:50%;height:20px;width:20px}.player__volume-input::-webkit-slider-thumb:hover{cursor:pointer;scale:1.1}.player__volume-input::-moz-range-thumb{background:brown;border:none;border-radius:50%;height:20px;width:20px}.player__volume-input::-moz-range-thumb:hover{cursor:pointer;scale:1.1}.player__volume-input::-ms-thumb{background:brown;border:none;border-radius:50%;height:20px;width:20px}.player__volume-input::-ms-thumb:hover{cursor:pointer;scale:1.1}.footer{align-items:center;background:rgba(0,0,0,.3);color:#fff;display:flex;flex-direction:row;height:50px;justify-content:space-between;width:100%}@media(max-width:900px){.footer{height:100px}}.footer__icon{display:block;-webkit-filter:invert(1);filter:invert(1);height:25px;margin:5px;transition:opacity .3s ease;width:25px}.footer__icon:hover{cursor:pointer;opacity:1;scale:1.1}.footer__icon[disabled]{cursor:default;opacity:.3}.footer__linkwrap{display:flex;flex-direction:row;margin:0 20px}@media(max-width:900px){.footer__linkwrap{margin:0 10px}}
/*# sourceMappingURL=main.5d79ac53.css.map*/