body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--bg-dark:#f5f8f9;--logo-height:100px;--header-height:100px;--menu-top-height:60px;--aside-width:160px;--footer-height:20px;--shadow:0 0 10px 0 rgba(0,0,0,0.1),0 0 5px 0 rgba(0,0,0,0.06)}*{box-sizing:border-box;font-family:"Roboto","Nunito Sans",sans-serif}.app{margin:0;display:grid;grid-template-columns:160px 1fr;grid-template-columns:var(--aside-width) 1fr;grid-template-rows:100px 1fr 20px;grid-template-rows:var(--header-height) 1fr var(--footer-height);grid-template-areas:"logo header" "menu content" "footer footer";height:100vh;background-color:#f5f8f9}aside.logo{grid-area:logo}header.header{grid-area:header}aside.menu-area{grid-area:menu}main.content{grid-area:content}footer.footer{grid-area:footer}@media (max-width:768px){.app{grid-template-rows:100px 60px 1fr 20px;grid-template-rows:var(--header-height) var(--menu-top-height) 1fr var(--footer-height);grid-template-columns:160px 1fr;grid-template-columns:var(--aside-width) 1fr;grid-template-areas:"logo header" "menu menu" "content content" "footer footer"}}@media (max-width:576px){.app{grid-template-rows:100px 60px 1fr 20px;grid-template-rows:var(--logo-height) var(--menu-top-height) 1fr var(--footer-height);grid-template-columns:1fr;grid-template-areas:"logo" "menu" "content" "footer"}}aside.logo{background-color:#1d1d1d;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}aside.logo img{padding:0 15px;width:100%}@media (max-width:576px){aside.logo img{width:200px}}aside.menu-area{background-color:#1d1d1d}.menu a{display:block;text-decoration:none;color:#fff;font-weight:300;padding:15px}.menu a:hover{background:linear-gradient(90deg,#00c6d7,#1d1d1d 100%)}@media (max-width:768px){.menu{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center}.menu a{display:inline;padding:10px;margin:0}.menu{height:100%;-webkit-justify-content:space-around;justify-content:space-around}}main>div{background-color:#fff}header.header{background:linear-gradient(270deg,#343c4c,#242b36 50%,#1d1d1d);color:#fff;padding:0 15px;overflow:hidden;white-space:nowrap}header.header h1{font-size:1.8em}.tool-description{font-size:small;white-space:pre-line}.crud-description{font-size:smaller;line-height:100%}.btn-github{background-color:#2a2a2a;background-image:url(/static/media/github.f9e298c2.svg);background-position:1em;background-repeat:no-repeat;background-size:2em;border-radius:.5em;border:none;color:#fff;cursor:pointer;font-size:1em;height:3em;line-height:1em;padding:0 2em 0 4em;text-decoration:none;transition:all .5s}.btn-github:hover{background-color:#444}.btn-github:active{background-color:#101010}#login-logo{width:60vw;margin:0 auto;text-align:center}#login-btn-container{max-width:50%;max-height:100%;height:100%;margin:0 auto;text-align:center}footer.footer{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:.68em}
/*# sourceMappingURL=main.f2d352ac.chunk.css.map */