.blog{display:grid;grid-template-columns:repeat(2,40%);justify-content:center}@media(max-width:767.98px){.blog{grid-template-columns:repeat(1,auto)}}.blog__detail{display:grid;grid-template-columns:repeat(1,auto)}.blog__item{width:90%;padding:5%;margin:20px auto;border:2px solid #000;box-shadow:4px 4px;border-radius:10px;display:grid;row-gap:40px;column-gap:35px}@media(max-width:767.98px){.blog__item{padding:25px 50px}}.blog__date{font-size:36px;font-weight:700}.blog__title{font-size:28px}.blog__text{font-size:24px}.blog__add{margin:40px 0 0 40px;display:inline-block;border-radius:50%;background-color:#73e373;width:80px;height:80px;text-align:center;position:relative;transition:all .3s}.blog__add:hover{transform:scale(1.3)}.blog__add:before{width:3px;height:40px}.blog__add:after,.blog__add:before{position:absolute;content:"";background-color:#fff;inset:0;margin:auto}.blog__add:after{height:3px;width:40px}.blog__btn-area{display:flex;justify-content:space-between;align-items:center}.blog__detail-btn{position:relative;padding:10px 20px;color:#374151;transition:color .3s ease;z-index:0;border-radius:5px;border:2px solid orange}.blog__detail-btn span{position:absolute;top:0;left:0;height:100%;width:2px;background-color:orange;transition:width .3s ease;z-index:-1;font-size:medium}.blog__detail-btn:hover{color:#fff}.blog__detail-btn:hover span{width:100%}.blog__edit-btn{color:#000;font-size:20px;transition:transform .3s}.blog__edit-btn:hover{transform:scale(1.3)}.profile{width:90%;padding:5%;margin:20px auto;border:2px solid #000;box-shadow:4px 4px;border-radius:10px;display:grid;row-gap:40px;column-gap:35px}@media(max-width:767.98px){.profile{padding:25px 50px}}