.header-style{text-align:center;border-bottom:1px solid #000;padding:30px}.box-style{font-size:36px;font-weight:700}
.footer{text-align:left;border-top:1px solid #000;flex-direction:column;align-items:center;gap:2px;padding:20px 0 20px 40px}p{margin-left:3%;padding-bottom:10px}
.box{background-color:#c1baba;border:1px solid #000;border-radius:17px;align-items:center;gap:20px;width:fit-content;max-width:60%;height:200px;margin:50px 50px 50px 100px;padding:35px;font-weight:400;transition:all .25s;display:flex;overflow:hidden}.box:hover{cursor:pointer;background-color:#e8e8e8;transition:all .3s;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.text-content{flex:0 0 70%}.text-content h2{margin-top:0}
*{box-sizing:border-box;margin:0;padding:0}.box{background-color:#fff;border:1.1px solid #0000001a;border-radius:14px;flex-direction:column;align-items:stretch;width:100%;min-height:110px;margin-left:20%;text-decoration:none;transition:transform .25s,box-shadow .4s,border-color .4s;display:flex;overflow:hidden}.box:hover{background-color:#e8e8e8;transition:all .6s;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.blog-title{color:#333;margin-bottom:10px;font-size:1.5rem;line-height:1.4}.blog-content{color:#666;-webkit-line-clamp:4;-webkit-box-orient:vertical;max-height:6em;margin:0;font-size:.82rem;line-height:1.5;display:-webkit-box;overflow:hidden}.content{flex:1}