*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#f1f1f1;font-family:open sans,arial}.container-sidebar{display:flex;transition:transform .2s ease-out;position:absolute;left:0;z-index:100}.visible-nav{transform:translateX(0)!important}.sidebar{flex-shrink:0;width:110px;height:100vh;background:#000}.three-dots{display:flex;justify-content:center;align-items:center;height:87px}.dot-nav{width:15px;height:15px;margin:0 5px;border-radius:50%}.d-red{background:#dc143c}.d-yellow{background:#ff0}.d-green{background:green}.sidebar ul{list-style-type:none;width:100%}.sidebar li{display:flex;justify-content:center;align-items:center;width:100%;cursor:pointer;padding:25px 0}.sidebar ul li img{width:40px;height:40px}.toggle-nav-btn{position:absolute;z-index:150;top:15px;left:15px;width:55px;height:55px;border-radius:50%;cursor:pointer}.toggle-nav-btn img{width:25px}@media screen and (max-width:900px){.container-sidebar{transform:translateX(-100%)}.sidebar{width:80px}.sidebar ul li img{width:30px;height:30px}.dot-nav{width:10px;height:10px}}.notes-display{border-right:1px solid rgba(0,0,0,.5);width:350px;flex-shrink:0;background:#f1f1f1}.notes-display h2{padding:30px 90px;text-align:center;font-size:30px}.notes-display form{width:100%}.notes-display form input{display:block;background:#f5f5f5;width:100%;height:100%;border:1px solid rgba(0,0,0,.5);border-right:none;padding:25px 12px;font-size:16px}.notes-display form input::-webkit-input-placeholder{font-size:16px;font-family:Roboto,sans-serif}.notes-display form input:-ms-input-placeholder{font-size:16px;font-family:Roboto,sans-serif}.notes-display form input::placeholder{font-size:16px;font-family:Roboto,sans-serif}.notes-list{max-height:calc(100vh - 180px);list-style-type:none;overflow-y:auto}.notes-list li:hover{background:#ebebeb}@media screen and (max-width:900px){.notes-display h2{padding:30px 0;text-align:center;font-size:30px}.notes-display{width:210px}}.txt-note-prev{display:flex;justify-content:space-between;padding:10px 12px;cursor:pointer;position:relative}.txt-note-prev a{width:80%;color:#222;text-decoration:none}.bloc-note-left p:first-of-type{padding-top:5px;font-size:30px}.bloc-note-left p:first-child{width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bloc-note-left p:nth-child(2){font-size:18px;width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bloc-note-right{display:flex;flex-direction:column;justify-content:space-between}.bloc-note-right button{width:30px;height:30px;margin:5px 0;border-radius:50%;border:none;color:#f1f1f1;cursor:pointer}.bloc-note-right button img{width:100%}@media screen and (max-width:900px){.bloc-note-left p:first-of-type{padding-top:6px;font-size:22px}.bloc-note-left{width:50%}.bloc-note-right button{width:25px;height:25px}.bloc-note-right button img{width:100%}.bloc-note-left p:first-child,.bloc-note-left p:nth-child(2){width:100px}}.container-content{min-height:100vh;background:#add8e6;padding:30px 50px;position:absolute;z-index:-1;width:calc(100% - 460px);margin-left:460px}.container-content h2{text-align:center;font-size:40px}.container-content input,.container-content label{display:block}.container-content label{font-size:20px;margin:20px 0 0 5px}.container-content input,.container-content textarea{width:100%;padding:10px;border-radius:5px;border:none;font-size:18px}.container-content textarea{margin-top:10px;min-height:400px}.container-content button{padding:12px 25px;margin-top:10px;border:none;border-radius:3px;font-size:20px;cursor:pointer;display:block}@media screen and (max-width:900px){.container-content{width:100%;margin-left:0}.container-content h2{font-size:27px}.container-content button{display:block;margin:20px auto}}.notes-list-card{display:grid;grid-template-columns:repeat(auto-fit,280px);grid-gap:20px;justify-content:center;list-style-type:none;background:#add8e6;margin-top:35px}.notes-list-card li{width:280px;height:auto;background:pink;padding:20px;background:#f1f1f1;border-radius:20px;box-shadow:0 10px 15px rgba(0,0,0,.2);transition:transform .2s ease-in-out}.notes-list-card li:hover{transform:translateY(-3px)}.notes-list-card a{text-decoration:none;color:#222}.notes-list-card li h2{margin-bottom:5px}.notes-list-card li h2,.notes-list-card li p{text-align:left;font-size:18px;width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.display-txt-zone{min-height:100vh;background:#f1f1f1;padding:30px;position:absolute;z-index:-1;width:calc(100% - 460px);margin-left:460px}.display-txt-zone .title-display{font-size:35px;text-align:center;margin-bottom:25px}.display-txt-zone .subtitle-display{margin-top:20px;font-size:25px}.display-txt-zone .txt-display{margin-top:20px;font-size:18px;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}@media screen and (max-width:900px){.display-txt-zone{width:100%;margin-left:0}.container-txt-zone h2{font-size:27px}.container-txt-zone button{display:block;margin:20px auto}}
/*# sourceMappingURL=main.a5b16cea.chunk.css.map */