.calender{padding:10px;width:300px;border:1px solid #aaa}.calender .header{display:flex;justify-content:space-between;align-items:center;height:40px}.calender .days{display:flex;flex-wrap:wrap}.calender .days .empty{color:#bababa}.calender .days .empty,.calender .days .day{width:calc(100% / 7);text-align:center;line-height:30px}.calender .days .day:hover,.calender .days .select{background-color:#ccc;cursor:pointer}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}body{overflow-x:hidden;color:#000000e0;font-size:14px;background-color:#fff}#root{margin:auto;scroll-margin-top:80px}.headers{background:radial-gradient(transparent,#fff 2px);background-size:4px 4px}.container{display:flex;margin-top:40px}.container .content{padding-inline:20px}.blog-card-item{padding:15px;position:relative;border-radius:5px;box-shadow:0 0 5px 1px #0000001a;transition:.3s;cursor:pointer;max-height:200px;overflow:hidden}.blog-card-item:before{content:" ";position:absolute;left:0;right:0;bottom:0;height:30px;background-image:linear-gradient(0,#fff 0,#fff,#fff0);pointer-events:none}.blog-card-item:hover{transform:translateY(-4px);box-shadow:4px 4px 5px 2px #0003}