.app-container{display:grid;max-height:100vh;padding:2%}.nav-section{display:flex;justify-content:start;align-items:center;flex-wrap:wrap;gap:2%}.main-section{display:flex;flex-direction:row;flex-wrap:wrap;margin:50px 20px 10px 70px}@media screen and (max-width: 600px){.main-section{display:flex;flex-direction:row;flex-wrap:wrap;margin:30px 20px 10px 10px}}@media screen and (max-width: 1175px){.main-section{margin:50px 20px 5px 10px}}.card{display:flex;flex-direction:column;margin:20px;box-shadow:1px 1px 15px 1px #9c9696;background-color:#ffb6c1;border-radius:8px}.container-main{display:grid}.container-nav{display:grid;grid-template-columns:75% 25%;background-color:#fff}.input-cards{display:flex;background-color:transparent;font-family:Arial,Helvetica,sans-serif;padding:2px;border:0;outline:none;width:99%;max-height:165px;min-height:165px;resize:none;overflow:visible}.container-tools{display:flex;align-items:center;position:relative;justify-content:start;gap:4px}.container-m-d{display:flex;align-items:stretch;justify-content:center}.save-button{display:flex;align-items:center;justify-content:center;height:100%;width:15%;background-color:transparent;cursor:pointer;border:none;transition:3ms}.input-color{border:none;width:10%;height:80%;cursor:pointer}.save-button:hover{background-color:#91b7de}.data-time{margin:0;font-size:13px;font-family:sans-serif;color:#9c9494}@media screen and (max-width: 600px){.container-main{display:grid;position:static}.card{display:flex;flex-direction:column;margin:10px;box-shadow:1px 1px 15px 1px #9c9696;height:200px;width:300px;background-color:#ffb6c1;border-radius:8px}.input-cards{max-height:155px;min-height:155px}.container-nav{display:grid;grid-template-columns:70% 30%;background-color:#fff}.data-time{margin:0;font-size:11px;font-family:sans-serif;color:#9c9494}.input-color{border:none;width:10%;height:50%}.save-button{transition:3ms;height:100%;width:20%}}.button-flag{background-color:transparent;border:none;cursor:pointer}.container-load{position:fixed;display:flex;align-items:center;justify-content:center;background-color:transparent;width:10rem;height:10rem;left:45%;top:40%}.box{width:50%;height:50%;background-color:#f3f2f8;box-shadow:#575555 0 0 10px}@media screen and (max-width: 600px){.container-load{position:fixed;display:flex;align-items:center;justify-content:center;background-color:transparent;width:9rem;height:9rem;left:30%;top:40%}}.button-maximize{background-color:transparent;border:none;cursor:pointer;width:100%}.button-maximize:hover{background-color:#d3e4ea}.close-button{border:none;cursor:pointer;transition:3ms;background-color:transparent}.close-button:hover{background-color:#eecaca}.create-button{background-color:transparent;color:#000;border:none;border-radius:5px;cursor:pointer;transform:3ms}.create-button:hover{scale:120%}@media screen and (max-width: 600px){.create-button{position:fixed;left:85%;bottom:1%}}.nav-text{display:flex;justify-content:start;align-items:stretch;background-color:#fff;opacity:.8;height:40px;width:310px;border-radius:10px}.size-font{text-align:end;width:15%;padding:0;margin-left:8px;font-size:20px;border:none;transition:1ms}.italic,.underline,.bold,.left-text,.center-text,.right-text,.color-text{border:none;cursor:pointer;background-color:transparent}.color-text{height:70%;width:9%;align-self:center}hr{margin:1%}.bold:hover,.italic:hover,.underline:hover{background-color:#add8e6}@media screen and (max-width: 600px){.nav-text{justify-content:space-around;align-items:center;background-color:#fff;opacity:.8;height:40px;width:103%;border-radius:10px;overflow-x:hidden}.size-font{text-align:start;width:18%;padding:0;margin-left:5px;font-size:15px;border:none;transition:1ms}}:root{background-color:#c6d6e8}