body{background-color:#dadada}input{height:30px}.group{background-color:#f96;cursor:pointer}.group:hover{opacity:.8}.main.container{margin-top:30px}.articles{padding-left:0;padding-right:0;display:inline}.article-card{list-style:none;position:relative}.article-title{display:inline}.article-time{margin-left:10px}.article-text{font-size:18px;margin:15px 0}.article-delete{position:absolute;right:20px;top:20px}.modalArea{visibility:hidden;opacity:0;position:fixed;z-index:10;top:0;left:0;transition:.4s}.modalArea,.modalBg{width:100%;height:100%}.modalBg{background-color:rgba(30,30,30,.9)}.modalWrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;max-width:500px;padding:10px 30px;background-color:#fff}.closeModal{position:absolute;top:.5rem;right:1rem;cursor:pointer}.is-show{visibility:visible;opacity:1}