:root{--backgroundColor:#e9ecef;--whiteColor:#fff;--blueColor:#218ae5;--formBackgoundColor:#f8f9fa;--borderRadius:5px;--fontFamily:CustomFont;--textColorPrimary:#343a40;--textColorSecondary:#adb5bd;--textColorTertiary:#dee2e6;--yellowColor:#fab005;--purpleColor:#b100ff;--grid-gap:1px;--day-label-size:20px;--grey-100:#e4e9f0;--grey-200:#cfd7e3;--grey-300:#b5c0cd;--grey-800:#3e4e63}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;font-weight:100;background:var(--backgroundColor);height:100vh}li,ol{padding:0;margin:0;list-style:none}.container{padding:4rem 3rem;height:100%}.calendar-month{position:relative;background-color:var(--grey-200);border:1px solid var(--grey-200)}