div.app>footer{text-align:center;width:100%;height:50px;color:var(--light2)}div.app>header{display:flex;flex-direction:row;text-align:center;align-items:center;justify-content:center;width:100%;height:fit-content;margin:auto}.logo{height:130px;padding:0;margin:0 auto}.svg-logout{position:absolute;width:2em;height:2em;fill:var(--light1);justify-content:center;margin-left:90%;margin-top:60px}.svg-logout:hover{transform:scale(1.1);fill:var(--normal1)}h2{color:var(--light2);text-align:center;font-size:20px;justify-content:center}.icon-arrow{display:inline-flex;color:var(--light2)}.slide-left{position:relative;right:-650px;-webkit-animation:slide-left .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-left .5s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes slide-left{0%{-webkit-transform:translateX(0);transform:translate(0)}to{-webkit-transform:translateX(-600px);transform:translate(-100px)}}@keyframes slide-left{0%{-webkit-transform:translateX(0);transform:translate(0)}to{-webkit-transform:translateX(-600px);transform:translate(-600px)}}.bounce{animation:bounce 1s ease infinite}@keyframes bounce{70%{transform:translateY(0)}80%{transform:translateY(-15%)}90%{transform:translateY(0)}95%{transform:translateY(-7%)}97%{transform:translateY(0)}99%{transform:translateY(-3%)}to{transform:translateY(0)}}@media (max-width:480px){.notes-container-user{width:100%}}.slide-left{position:relative;right:-600px;-webkit-animation:slide-left .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-left .5s cubic-bezier(.25,.46,.45,.94) both}.index-container{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;background-image:linear-gradient(135deg,hsl(196deg 24% 46%) 0%,hsl(196deg 26% 43%) 29%,hsl(197deg 28% 41%) 47%,hsl(197deg 31% 38%) 60%,hsl(197deg 34% 35%) 70%,hsl(197deg 37% 32%) 79%,hsl(198deg 42% 30%) 86%,hsl(198deg 48% 27%) 92%,hsl(197deg 55% 24%) 97%,hsl(197deg 66% 21%) 100%);-webkit-box-shadow:11px 17px 58px 5px rgba(1,22,30,1);-moz-box-shadow:11px 17px 58px 5px rgba(1,22,30,1);box-shadow:11px 17px 58px 5px #01161e;border:2px solid;border-color:var(--black);border-radius:20px;width:80%;margin:auto}p.error{margin:auto auto 5px;text-align:center;color:var(--warning)}@media (max-width:480px){.index-container{width:100%}}h3{text-align:center}.ModalPopUpRegister{margin:auto;display:flex;flex-direction:column;align-items:center;width:400px;gap:10px}.register-form-container{margin-bottom:10px}.register-button{margin-top:10px;color:#fff}.register-button:hover{color:var(--title)}.form-control{display:flex;flex-direction:column;flex:1;border:1px solid;border-color:var(--title);min-width:300px;height:250px;margin:10px;align-items:center;justify-content:center;border-radius:20px}.MuiFormControl-root{width:90%}#login-icon{color:var(--title)}@media (max-width:480px){.form-control{min-width:200px}}.Pagetitle{position:relative;display:flex;flex-direction:column;flex:2}.title1{font-family:Gota Light;font-weight:700;font-size:8rem;color:var(--title);text-align:center;text-shadow:8px 4px 20px rgba(0,0,0,.59)}.title2{position:absolute;top:70%;left:70%;transform:translate(-50%,-50%);font-size:7rem;font-family:Glacial Indifference;color:var(--light1);text-align:center;text-shadow:8px 4px 20px rgba(0,0,0,.59)}@media (max-width:800px){.title1{font-size:4rem}.title2{font-size:3rem}}.walls-container{position:sticky;top:20px;display:flex;flex-direction:column;align-items:center;background-color:#59839266;border-radius:20px;margin:15px;padding:10px;text-align:center;width:210px;min-width:210px;height:fit-content}.walls-container::-webkit-scrollbar{width:12px}.walls-container::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px}.walls-container p.wall-text{display:block;font-size:30px;font-style:oblique;color:var(--title)}.header-walls{display:flex;flex-direction:column}.scale-up-center{-webkit-animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both}@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}.openCLoseButton{display:none}@media (max-width:480px){.walls-container{width:100%;height:auto;margin:0 0 10px;position:static;padding:5px}.header-walls{display:flex;flex-direction:row;align-items:center;gap:30px}.walls-list{display:flex;height:auto;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;max-height:1000px;overflow:hidden;transition:max-height .5s ease-in-out}.walls-list.close{max-height:0;overflow:hidden;transition:max-height .5 ease-in-out}.openCLoseButton{display:inline-block;text-align:center}.openCLoseButton>*{transform:scale(2);color:var(--black)}}.wall-form-container{top:0;z-index:1;background-color:transaparent;padding:10px}.form-container{display:flex;flex-direction:row}.error-form-wall{color:var(--light1);font-size:14px}.new-wall-button{color:var(--light1);background:transparent;border-radius:5px;border:1px solid var(--light1);height:fit-content;padding:5px;transition:color .3s,background-color .3s,box-shadow .3s,transform .3s}.new-wall-button:hover{color:#000;background:var(--light1);box-shadow:1px -1px 10px 10px #00000026;transform:translateY(-2px) scale(1.1);border:1px solid black}#new-wall-form{color:#fff}a{text-decoration:none;color:var(--light1)}a li:hover{color:var(--title)}li{list-style-type:none}.tag{margin:5px;padding:5px 20px;background-color:var(--normal2);border-radius:20px;border:1px solid black;transition:background-color .3s,box-shadow .3s,transform .3s}.tag:hover{background:rgba(var(--light1),.5);box-shadow:1px -1px 10px 10px #00000040;transform:translateY(-2px) scale(1.1);å}.tag.selected{color:var(--title)}.openCLoseButton{width:100%}.openCLoseButton>*{display:block;margin:auto}.status-container{position:relative;z-index:1;background-color:#aec3b01a;border-radius:20px;overflow:hidden;height:fit-content;min-height:240px;min-width:210px}.allNotes-container{position:relative;z-index:-1;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;padding:30px 20px;gap:10px;overflow:hidden;height:auto}.status-title{font-size:25px;font-style:oblique;color:#0c2f3c}.pending{background-color:var(--pending)}.oncourse{background-color:var(--oncourse)}.finished{background-color:var(--finished)}.emptyTitle{display:none}@media (max-width:480px){.status-container{border-radius:20px;overflow:hidden;height:auto;width:100%;min-height:0px}.allNotes-container{width:100%;max-height:1000px;padding-bottom:0;transition:max-height .5s ease-in-out}.allNotes-container.close{max-height:0;width:100%;padding-bottom:0;overflow:hidden;transition:max-height .5s ease-in-out}.emptyTitle{display:block;text-align:center;color:#0c2f3c}}.formulario{display:flex;align-items:end}.form-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.title-container{display:flex}.text-area{background-color:transparent;border:none;outline:none;border-radius:10px;padding:10px;resize:none}textarea::placeholder{color:#000;border:none}.MuiDialog-root .MuiFormControlLabel-label{font-size:10px}.options-group{display:flex;flex-direction:column;align-items:center;margin-top:10px}.status-group{display:flex;flex-direction:row}.priority{width:fit-content}#select-priority{text-align:center;color:#fff;font-size:10px}#select-format{font-size:12px}ul.MuiList-root{background-color:var(--normal1);border-radius:5px;border:1px solid white}.buttons-container{display:flex;flex-direction:row;width:fit-content}#save-button{margin:10px auto auto;font-size:10px;width:200px;border-color:#000;transition:background-color .3s,box-shadow .3s,transform .3s,color .3s}#save-button:hover{background-color:var(--light1);box-shadow:1px -1px 10px 10px #00000040;color:#000;transform:translateY(-2px) scale(1.1)}#create-note-button{color:var(--light2);border-radius:20px;box-shadow:1px -1px 10px 4px #00000026;transition:background-color .3s,box-shadow .3s,transform .3s,color .3s}#create-note-button:hover{color:#000;background:var(--light1);box-shadow:1px -1px 10px 10px #00000026;transform:translateY(-2px) scale(1.1)}#delete-button{border-radius:50px;font-size:35px;transition:background-color .3s,box-shadow .3s,transform .3s,color .3s}#delete-button:hover{color:var(--warning);transform:translateY(-2px) scale(1.1)}#close-button{position:absolute;top:-10px;right:-50px}.noteHeader{display:inline-block;font-size:1.3rem;font-style:oblique;padding:10px;word-wrap:break-word}.text-limit{display:inline-block;font-size:.7rem;font-style:oblique;color:#404040;text-align:end}.text{background-color:#b4c9b6;opacity:.7}.inner-text{padding:3px 5px;display:inline-block;word-wrap:break-word;max-width:200px}.footer-container{display:flex;flex-direction:row;gap:10px;padding:20px}.element{display:inline-block;font-size:12px}#delete-button{color:var(--light2)}.filter-bar-container{display:flex;flex-direction:row;width:100%;gap:30px;align-items:center;justify-content:space-between;margin-right:20px}@media (max-width:480px){.filter-bar-container{flex-direction:column;gap:15px;width:100%;justify-content:center}}.css-1u3bzj6-MuiFormControl-root-MuiTextField-root>.css-1nc2mw6-MuiInputBase-root-MuiInput-root{border-bottom:1px solid var(--light1)}#search-note-field{color:var(--light1);border-radius:10px;background-color:transparent}#search-icon{color:var(--light1)}#search-button{background-color:transparent;border:none;transition:transform .3s}#search-icon:hover{color:var(--light2);transform:scale(1.1)}.filter-by-container{display:flex;flex-direction:row;gap:15px;height:20px}.filter-by-container p{display:block;color:var(--light1);width:max-content;font-size:1.1rem;transition:transform 2s}.filter-by-container *:not([id=filterBy]):hover{color:var(--light2);cursor:pointer;transform:scale(1.1)}.selected-wall-page{display:flex;flex-direction:column;gap:10px}.all-status-window{display:flex;gap:10px;flex-wrap:wrap;height:fit-content}.actions-menu{display:flex;flex-direction:row;width:100%;gap:30px;padding:10px;background-color:#59839266;border-radius:10px}.header-wall{display:flex;flex-direction:row;justify-content:space-between;margin-left:10px}.title-wall{color:var(--light2);font-size:2rem}.scale-up-hor-center{-webkit-animation:scale-up-hor-center .4s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-hor-center .4s cubic-bezier(.39,.575,.565,1) both}@-webkit-keyframes scale-up-hor-center{0%{-webkit-transform:scaleX(.4);transform:scaleX(.4)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes scale-up-hor-center{0%{-webkit-transform:scaleX(.4);transform:scaleX(.4)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}:root{--black: #01161E;--normal2: #124559;--normal1: #598392;--light2: #AEC3B0;--light1: #EFF6E0;--warning: #b71c1c;--pending: RGBA(173, 216, 230,.3);--oncourse: RGBA(196, 230, 187,.5);--finished: RGBA(255, 192, 203,.3);--title: RGBA(202,108,227);background-image:linear-gradient(315deg,hsl(197deg 94% 6%) 0%,hsl(197deg 74% 9%) 24%,hsl(197deg 71% 11%) 37%,hsl(197deg 69% 13%) 45%,hsl(197deg 68% 15%) 52%,hsl(197deg 68% 16%) 59%,hsl(197deg 67% 18%) 65%,hsl(197deg 67% 19%) 73%,hsl(197deg 67% 20%) 82%,hsl(197deg 66% 21%) 100%);background-size:cover}*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Glacial Indifference Regular;src:url(/assets/GlacialIndifference-Regular-uaaGUiZM.otf) format("otf")}@font-face{font-family:Gota Light;src:url(./assets/fonts/Gota/Gota\ Light.otf) format("otf")}div.app{display:flex;flex-direction:column;min-height:100vh;font-family:Helvetica,sans-serif}main{position:relative;min-height:calc(100vh - 130px);width:100%;display:flex;flex-direction:row}.notes-container{box-sizing:border-box;width:100%;gap:20px;display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;padding-top:15px;margin:20px;min-height:calc(100vh - 130px)}hr{border-style:solid;border:1px solid black;opacity:.3}@media (max-width:480px){main{flex-direction:column}.notes-container{margin:0;padding:0;width:100%px}}