@import url(https://fonts.googleapis.com/css?family=Roboto:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);body,html{margin:0;padding:0;font-family:Roboto;font-weight:300;color:#272727}.nav{width:calc(100% - 24px);position:fixed;height:80px;background-color:#272727;display:flex;justify-content:space-between;padding:0 12px;z-index:100;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.logo,.nav{align-items:center}.logo{display:block;height:45px;display:flex;margin-bottom:1px}.logo a{text-decoration:none;color:#fff;font-size:20px;padding-top:2px}.logo a,.logo a label{cursor:pointer}.logo img{height:32px;padding:6px 0 5px;margin-right:32px}.menu{align-items:center}.menu,.menu .list{display:flex;justify-content:flex-end}.menu .list a{text-decoration:none;color:#fff;padding:30px 16px}.list a:hover{border-bottom:3px solid #60cdd8;padding:30px 16px 27px;color:#60cdd8}.action-btn,.editpost-btn,.logout-btn{border-radius:16px;background-color:#60cdd8;text-decoration:none;color:#000;padding:10px 16px;font-weight:400;margin-left:16px;font-size:14px}.action-btn{color:#fff;letter-spacing:1px;text-transform:uppercase}.editpost-btn,.logout-btn{background-color:#f90}.editpost-btn{margin-left:0}.action-btn:hover{background-color:transparent;color:#60cdd8;box-shadow:inset 0 0 2px #60cdd8}.post,.post-full{max-width:750px;margin:0 auto;border-bottom:1px solid #ccc;line-height:150%;padding:112px 0 32px}.post-full{padding:112px 16px 16px}.post-full a,.post a{color:#000;font-weight:500}.post-full h2,.post h2{padding:0;margin-top:0;margin-bottom:32px}.post-full h2 a,.post h2 a{display:block;border-left:8px solid #60cdd8;color:#272727;text-decoration:none;font-weight:700;padding:12px}.post-full img{width:100%!important;height:auto!important}pre{overflow-y:scroll}*{word-wrap:break-word}.card{width:200px;margin:100px auto 0}.card-header{padding:16px 0;font-weight:700}.posts-container{width:calc(100% - 300px);float:right}.archive-container{position:fixed;top:80px;width:300px;float:left;background-color:#363636;color:#a6a6a6;height:calc(100% - 80px);border-right:1px solid #4e4e4e;overflow-y:scroll;scrollbar-width:thin}.archive-container h4{font-size:14px;margin:16px 0;font-weight:300}.archive-container ul{padding-left:30px}.archive-date{font-size:14px;margin-top:16px;margin-bottom:4px;color:#e7e7e7}.archive-count{color:#60cdd8}.divider{border-bottom:1px solid #4e4e4e;width:100%}.archive-post{font-size:12px;margin-bottom:5px}.archive-post a{text-decoration:none;color:#a6a6a6}.archive-post a:hover{text-decoration:underline;color:#60cdd8;cursor:pointer}.pagination{margin:32px auto}.pagination .page-item{display:inline-block;background:#363636;color:#a6a6a6;width:20px;border-radius:3px;text-align:center;font-size:18px;color:#fff;padding:3px}.pagination .active{text-decoration:none;background:#60cdd8;color:#363636}.pagination .page-item a{color:#fff;text-decoration:none}.menu-mobile,.menu-mobile-sandwich{display:none}@media only screen and (max-width:600px){.posts-container{width:calc(100% - 32px);float:none;padding-left:16px;padding-right:16px}.posts-container img{width:100%!important;height:auto!important}.archive-container{display:none;position:relative;top:40px;width:100%;float:none;border-left:none;height:auto;padding-left:16px;padding-right:16px}.menu{display:none}.menu-mobile-sandwich{display:inline-block;width:35px}.menu-mobile-sandwich div{display:block;width:100%;height:5px;margin:5px 0;background-color:#fff;cursor:pointer}.menu-mobile{position:fixed;display:none;flex-direction:column;left:0;top:80px;width:100%;background-color:#272727;border-top:1px solid #373737}.menu-mobile a{display:block;width:calc(100% - 32px);text-decoration:none;color:#fff;padding:16px;border-bottom:1px solid #373737}.menu-mobile a:last-child{color:#60cdd8}}.videoWrapper{position:relative;padding-bottom:56.25%;height:0}.videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}