@import "https://googleapis.com";body{font-family:Roboto,sans-serif}.layout{color:#ff7878;background-color:#ff7878;border-radius:10px;width:100vw;height:100vh}.sidebar{color:#ff7878;flex-direction:column;flex:auto;min-width:50vh;height:100vh;display:flex}.logo{color:#fff;background-color:#ff7878;justify-content:center;align-items:center;padding:10px;display:flex}.logo-icon{background:#000;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.menu-bar{gap:15px;align-content:left;background-color:#ff7878;flex-direction:column;flex:auto;min-width:0;height:93vh;margin-top:0;font-size:1rem;display:flex;position:relative}.header{background-color:green;flex-direction:row;flex-grow:1;justify-content:left;width:90vw;height:10vh;display:flex}.footer{color:#fff;background-color:#000;flex-direction:row;flex-grow:1;place-content:center;width:90vw;height:10vh;display:flex}.content{flex-direction:column;flex-grow:initial;align-content:center;justify-content:top;background-color:#fff;width:90vw;height:80vh;display:flex}.space-bar{color:#e94646;background-color:#ff7878;flex:auto;min-width:0}.app-header{align-content:bottom;font-family:cursive;font-size:large;font-weight:700}.app-footer .app-header{align-content:center;font-family:Arial,Helvetica,sans-serif;font-size:large;font-weight:700}