body{margin:0;width:100vw;height:100vh;box-sizing:border-box;font-family:Arial;background-color:#f5f5f5;overflow-x:hidden;overflow-y:auto;}*{box-sizing:border-box;}.navbar{font-size:2em;height:70px;width:100%;box-sizing:border-box;display:flex;flex-shrink:0;flex-direction:row;align-items:flex-end;padding-left:4px;padding-right:4px;background-color:#fff;box-shadow:0 0 32px rgba(0,0,0,.1);}.navbar a{box-sizing:border-box;text-decoration:none;color:#000;}.navbar>.item,.navbar>.dropdown>.item,.navbar>.dropdown>.items>.item{box-sizing:border-box;color:#8c8c8c;padding:4px;padding-left:1em;padding-right:1em;height:100%;display:flex;flex-direction:column;justify-content:flex-end;background-color:#fff;}.navbar>.item,.navbar>.dropdown>.item{border-bottom:2px solid transparent;}.navbar>.dropdown>.items>.item{border-left:4px solid transparent;}.navbar>.item.selected,.navbar>.dropdown>.item.selected,.navbar>.dropdown>.items>.item.selected{color:#000;border-color:#add8e6;}.navbar>.dropdown{position:relative;display:flex;flex-direction:column;z-index:100;}.navbar>.right-align{margin-left:auto;}.navbar>.item:hover,.navbar>.dropdown>.item:hover,.navbar>.dropdown>.items>.item:hover{border-color:#e6e6e6;}.navbar>.dropdown>.items{position:absolute;display:flex;top:100%;width:100%;z-index:-1;flex-direction:column;background-color:#fff;box-shadow:0 0 32px rgba(0,0,0,.1);border-bottom-left-radius:.25em;border-bottom-right-radius:.25em;padding-bottom:.25em;overflow:hidden;transition-duration:.15s;transform-origin:50% 0%;transform:scale(1,0);}.navbar>.dropdown:hover>.items{transform:scale(1,1);}.home{height:100%;}.content{box-sizing:border-box;height:calc(100% - 70px);height:auto;}.left-bar{border-left:8px solid rgba(90,157,221,.25);padding-left:8px;}.card{color:#000;display:flex;flex-direction:column;margin:16px;align-items:center;box-shadow:0 0 32px rgba(0,0,0,.1);box-sizing:border-box;}.card img{width:32px;height:32px;margin-right:32px;}.card .header{box-sizing:border-box;padding:16px;width:100%;background-color:#f0f8ff;margin:0;text-align:center;}.card .body{padding:16px;width:100%;}.card .body hr{width:calc(100% - 32px);}