:root{font-family:Roboto,sans-serif;text-align:center;color:#a09e9e;background-color:#bb93fe;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23FFFFFF'/%3E%3Cstop offset='1' stop-color='%23BB93FE'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%239777CD' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%239777CD' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.4'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E");background-attachment:fixed;background-size:cover;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.main-container{display:flex;align-items:center;justify-content:center;height:100%}.frame-remind-login{margin:0;padding:0 15px;width:550px;height:590px;left:calc(50% - 282px);top:calc(50% - 177.5px);background:rgba(255,255,255,.822);box-shadow:12px 12px 4px 4px #00000017;border-radius:40px;opacity:.7}.container-text-login{background-size:100%}.description{margin-bottom:20px;font-size:25px;text-align:center;color:#5c5f61;left:233px;top:452px;font-weight:300}button{border-radius:8px;border:1px solid transparent;padding:.7em 1.2em;font-size:1em;font-weight:500;font-family:Poppins,sans-serif;font-size:20px;background-color:#9777cd;cursor:pointer}.button-login{color:#fff;margin:20px}.google{margin-bottom:-15px}button:hover{border-color:#9777cd}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.logo{margin:5%;height:245px;max-width:195px;width:100%;overflow:hidden}@media only screen and (min-width: 555px){.frame-remind-login{max-width:500px}}*{margin:0;padding:0;box-sizing:border-box}html{height:100vh}body,#root,.App{height:100%;font-family:Roboto,sans-serif;background-color:#bb93fe;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23FFFFFF'/%3E%3Cstop offset='1' stop-color='%23BB93FE'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%239777CD' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%239777CD' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.4'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E");background-attachment:fixed;background-size:cover;justify-content:center}.board-logo{height:90px;margin-bottom:18px}.board-header{padding:0 40px;margin-bottom:50px;width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#f5f5f5}.board-header-left{display:flex;align-items:center}.logOut{height:80%;color:#fff}.notes-dataAll-user{text-align:right;padding:0 40px;font-weight:600;font-size:20px;color:#727272}.add-text{color:#727272;line-height:46px;text-align:center;bottom:280px;font-weight:600;font-size:30px;margin-left:90px}.titleNotes{border-color:#f5f5f5;border-radius:6px;height:30px;width:40vw;bottom:250px;font-weight:200;font-size:20px;color:#5c5f61;font-family:Roboto,sans-serif;margin:5px 5px 5px 90px}.descriptionNotes{border-color:#f5f5f5;border-radius:6px;height:100px;width:40vw;font-weight:200;font-size:20px;color:#5c5f61;font-family:Roboto,sans-serif;margin:10px 10px 10px 90px}.btn-guardar-notas{color:#fff;margin-left:90px}.box-note{display:grid;border-radius:20%;grid-gap:50px;justify-items:stretch;justify-content:center;padding:30px}.individualNotesContainer{font-family:Roboto,sans-serif;border-radius:6px;width:280px;min-height:280px;font-weight:200;font-size:20px;color:#5c5f61;background-color:#f5f5f5}.tituloNota{display:flex;justify-content:center;margin-top:20px;white-space:pre-wrap}.descripcionNota{display:grid;overflow-x:hidden;white-space:pre-wrap}.individualNotesEdit{background-color:transparent;border:0;outline:transparent;border:none}button:focus{outline:none}.individualNotesDelete{background-color:transparent;border:0;outline:transparent}@media screen and (max-width: 414px){.btn-guardar-notas{margin-left:115px}}@media screen and (min-width: 1200px){.box-note{display:grid;grid-template-columns:250px 250px 250px 250px;margin-left:70px;margin-right:20px}#root{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23FFFFFF'/%3E%3Cstop offset='1' stop-color='%23BB93FE'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%239777CD' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%239777CD' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.4'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E");background-attachment:fixed;background-size:cover}}