.fade-enter-active,.fade-leave-active{transition:opacity .4s}.fade-enter,.fade-leave-to{opacity:0}.list-move{transition:transform 1s}.list-item{transition:all 1s;display:inline-block;margin-right:10px}.list-enter,.list-leave-to{opacity:0;transform:translateY(30px)}.list-leave-active{position:absolute}*{box-sizing:border-box;margin:0;padding:0;font-family:'Work Sans', sans-serif;font-weight:100}html,body{height:100%;width:100%}button{padding:8px;width:100%;background:transparent;border:1px solid #bbb;border-radius:4px}a{color:#4a9c6d}#app{display:flex;flex-direction:row;align-items:stretch;height:100%}#sideBar{flex:0 0 auto;width:256px;background-color:#39495c;color:#ddd;position:relative;transition:0.2s}#sideBar.closed{width:0}#sideBar>div{float:right;width:256px;padding:16px}#sideBar h1{color:#64b587;margin-bottom:24px}#sideBar p{margin-bottom:24px}#sideBar input{margin:8px 0;padding:8px;display:block;width:100%;border-radius:8px;border:1px solid #bbb;font-size:18px;margin-bottom:24px}#sideBar button{border:none;font-size:16px;background-color:#64b587;margin-bottom:24px}#menuToggle{width:40px;height:40px;position:absolute;right:-40px;top:0;border-radius:0;z-index:2}#content{flex:1 1 auto;overflow:scroll;display:flex;flex-direction:column;align-items:stretch}#contentHeader{flex:0 0 auto;padding:40px;width:100%;min-width:300px}.cards{width:100%;flex:1 1 auto;display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;overflow:scroll;justify-content:space-around}.card{width:300px;margin:8px;background-color:#fff;padding:16px;border-radius:8px;box-shadow:0 0 8px rgba(0,0,0,0.3);display:flex;flex-direction:column;align-items:stretch;flex:0 0 auto}.card header button{width:auto;margin:0 8px}.card main{flex:1 1 auto;margin-bottom:16px}.card h2{text-align:center;margin:16px 0}.card hr{margin:8px 0}.card footer{text-align:right}.card footer button{width:auto}#editor{position:absolute;width:100%;height:100%;left:0;right:0;background-color:rgba(0,0,0,0.2);padding:10% 20%}#editor>div{padding:18px;background:#fff;border-radius:18px;width:100%;height:100%;overflow:scroll}#editor input,#editor textarea{display:block;width:100%;padding:8px;border:1px solid #bbb;font-size:16px;border-radius:8px}#editor input,#editor h3,#editor button,#editor p{margin-bottom:16px}#editor textarea{resize:vertical;min-height:300px}