@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{margin:0;height:100vh;width:100%;display:flex;object-fit:cover;flex-direction:column;align-items:center;justify-content:center;background-size:cover;background-position:center center;position:relative;font-family:Sora,sans-serif;background-image:url(/assets/background-YuLojg9J.jpg)}.wrapper{width:450px;border-radius:10px;position:absolute;top:12%}.wrapper header{display:flex;align-items:center;padding:25px 30px 10px;justify-content:space-between}header .current-date{font-size:1.45rem;font-weight:500}header .icons span{height:38px;width:38px;color:#878787;font-size:1.9rem;margin:0 1px;text-align:center;line-height:38px;border-radius:50%;cursor:pointer}header .icons span:hover{background:#f2f2f2}header .icons span:last-child{margin-right:-10px}.calendar{padding:20px}.calendar ul{display:flex;list-style:none;flex-wrap:wrap;text-align:center}.calendar .days{margin-bottom:20px}.calendar .weeks li{font-weight:500}.calendar ul li{position:relative;width:calc(100% / 7)}.calendar .days li{z-index:1;cursor:pointer;margin-top:30px;border-radius:50%}.calendar ul li{width:calc(100% / 7)}.calendar .days li:before{position:absolute;content:"";height:40px;width:40px;top:50%;left:50%;z-index:-1;border-radius:50%;transform:translate(-50%,-50%)}.calendar .days .active:before{border:2px solid white}.days li:hover:before{background:#f2f2f2}.days li.event:before{background-color:#ff6912}.event-details{position:absolute;top:500px;width:450px;text-align:center;display:flex;height:87px;flex-direction:column;justify-content:center;align-items:center;gap:15px;border:3px groove #ff6912;border-radius:10px;padding:50px 0}.special{color:#fff}