.color-boxes{background:#fff;border-radius:2px;display:flex;flex-direction:row;margin-right:2px;margin-top:-10px;padding:5px;position:absolute}.color-box{border-radius:2px;cursor:pointer;height:20px;margin:2px;width:20px}.color-box:hover{opacity:.7}.color-active{border:3px solid #777}.post-box{border:1px solid #ddd;border-radius:5px;margin:auto auto 12px;padding:12px;text-align:left;width:540px}.post-title{align-content:space-around;display:flex;flex-direction:row;font-size:15px;margin:5px}.post-title-text{color:#111;flex:1;font-weight:700}.post-title-link{color:#555;flex:1;font-size:14px;text-align:right}.post-title-link:hover{color:#999}.flex-boxes{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.delete-button{text-align:right;z-index:9999}.post-date{color:#777;font-size:12px;margin-bottom:0;margin-left:.5em;margin-top:.2em}.container{display:flex;flex-wrap:wrap}.post-box{flex:1 1 340px;margin:.5em;min-width:340px;position:relative}@media (max-width:340px){.post-box{flex:0 0 100%;min-width:100%}}@media (min-width:1200px){.post-box{flex:0 1 calc(33.33% - 1em)}}@media (min-width:1700px){.post-box{flex:0 1 calc(25% - 1em)}}.onboard-container{background:#e5e5e5;border-radius:10px;display:flex;flex-direction:row;margin:20px;padding:15px}@media (max-width:1280px){.onboard-container{flex-direction:column}}.bg-delete-button{background:#d64545;border-radius:20px;cursor:pointer;display:none;height:24px;position:absolute;right:-4px;text-align:center;top:-14px;width:24px}.bg-delete-button-main:hover .bg-delete-button{display:block}