@import url(https://fonts.googleapis.com/css?family=Nunito);.btn{padding:4.5px 12px;border:1px solid #d9d9d9;background-color:#fff;cursor:pointer;border-radius:4px;color:#919191;font-size:15px}.btn:active{background-color:#f7f7f7}.btn:hover{border:1px solid #56a5f7;color:#56a5f7}.btn:focus{outline:0}.btn:disabled{background-color:#a5cbf3;cursor:not-allowed}.btn-primary{background-color:#56a5f7}.btn-primary,.btn-primary:hover{border:none;color:#fff}.btn-primary:active{background-color:#6099d4}@media (max-width:768px){.btn{padding:1px 8px}}.box{width:206px;background-color:#fff;border-radius:4px;padding:7px;margin:11px 10px;box-shadow:0 2px 3px .6px #d9d9d9;transition:box-shadow .3s ease-in-out;-webkit-animation-name:fadeInAnim;animation-name:fadeInAnim;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes fadeInAnim{0%{opacity:0}}@keyframes fadeInAnim{0%{opacity:0}}.box:hover{transition:box-shadow .4s;box-shadow:0 3px 17px 2px #ccc}.box .canvas{height:230px;cursor:pointer}.box .canvas>div{-webkit-animation-name:barMove;animation-name:barMove;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-timing-function:cubic-bezier(0,1,0,1);animation-timing-function:cubic-bezier(0,1,0,1)}@-webkit-keyframes barMove{0%{height:0}}@keyframes barMove{0%{height:0}}.box .canvas>div>span{color:#fff;cursor:text;background-color:hsla(0,0%,43.1%,.4);padding:4px 9px;display:inline-block;opacity:0;border-radius:0 0 4px 0;transition:opacity .3s ease-in;text-transform:uppercase}.box .canvas>div:hover>span{opacity:1}.box .canvas>div:first-child{border-radius:4px 4px 0 0;height:39%}.box .canvas>div:nth-child(2){height:25%}.box .canvas>div:nth-child(3){height:18%}.box .canvas>div:nth-child(4){border-radius:0 0 4px 4px;height:18%}.box button{margin-top:7px}.box button img{width:17px;height:17px;vertical-align:middle;margin-right:5px;margin-top:-4.5px;-webkit-animation-name:btnAnim;animation-name:btnAnim;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-duration:.6s;animation-duration:.6s}@-webkit-keyframes btnAnim{0%{opacity:0;transform:scale(0)}}@keyframes btnAnim{0%{opacity:0;transform:scale(0)}}@media (max-width:768px){.box{width:142px;margin:6px 4px;padding:4px;border-radius:3px}.box .canvas{height:160px}.box button{margin-top:4px}.box button img{width:14px}}@media (max-width:321px){.box{width:117px;margin:6px 4px;padding:4px;border-radius:3px}.box .canvas{height:175px}.box button{margin-top:4px}.box button img{width:14px}}header{position:fixed;z-index:3;top:0;left:0;width:100%;height:40px;background-color:#fff;box-shadow:0 5px 10px 0 rgba(0,64,128,.1)}nav{margin:0 1%}nav>a{color:#8c8c8c;padding:9.3px 10px 8px 9px;display:inline-block;text-decoration:none;transition:color .25s ease-in-out}nav>a:first-child:hover{color:#f38181;border-bottom:4px solid #f38181}nav>a:nth-child(2):hover{color:#fce38a;border-bottom:4px solid #fce38a}nav>a:nth-child(3):hover{color:#95e1d3;border-bottom:4px solid #95e1d3}nav>a:nth-child(4):hover{color:#ab72b9;border-bottom:4px solid #ab72b9}nav>a:nth-child(5):hover{color:#539ddb;border-bottom:4px solid #539ddb}nav>a:nth-child(6):hover{color:#acdeaa;border-bottom:4px solid #acdeaa}.nav-auth{float:right}.nav-user-link{float:right;display:block;padding:3px 0 0;margin-right:10px}.nav-user-link>img{height:34px;border-radius:3px}.nav-user-txt{float:right;padding:8px 0 0}.nav-user-txt>a{display:block;height:13.5px;font-size:13.5px;color:#8c8c8c;text-decoration:none}.nav-user-txt>a:hover{color:#ab72b9}.reactCreateBtn{display:none}@media (max-width:768px){.aboutBtn,.adminBtn,.createBtn{display:none}.reactCreateBtn{display:inline-block}}html{margin:0;padding:0;width:100%;height:100%}html a,html button,html div,html footer,html h1,html h2,html h3,html h4,html h5,html input,html label,html li,html p,html span{font-family:Nunito,sans-serif}body{margin:0;padding:0}.main{display:block;padding:55px 0;background:#f8fcff}.list{margin:0 auto;min-height:600px}.list .box{display:inline-block}.help{display:none;margin:auto;border-radius:3px;border:1px solid #b7eb8f;background-color:#f6ffed;padding:0;color:#747474}.help p{margin:15px 17px;line-height:19px;font-size:13px}