*{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;font-size:30px;margin:0;height:100vh}.calendar{display:flex;flex-wrap:wrap;width:726px;gap:1px;padding:10px}.calendar :first-child{width:100px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #000;background-color:#eee;cursor:pointer;transition:.5s}.calendar :first-child:hover{transform:translateY(-20px);background-color:pink}.calendar :first-child:after{content:"1"}.calendar :nth-child(2){width:100px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #000;background-color:#eee;cursor:pointer;transition:.5s}.calendar :nth-child(2):hover{transform:translateY(-20px);background-color:pink}.calendar :nth-child(2):after{content:"2"}.calendar :nth-child(3){width:100px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #000;background-color:#eee;cursor:pointer;transition:.5s}.calendar :nth-child(3):hover{transform:translateY(-20px);background-color:pink}.calendar :nth-child(3):after{content:"3"}.calendar :nth-child(4){width:100px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #000;background-color:#eee;cursor:pointer;transition:.5s}.calendar :nth-child(4):hover{transform:translateY(-20px);background-color:pink}.calendar :nth-child(4):after{content:"4"}.calendar :nth-child(5){width:100px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #000;background-color:#eee;cursor:pointer;transition:.5s}.calendar :nth-child(5):hover{transform:translateY(-20px);background-color:pink}.calendar :nth-child(5):after{content:"5"}.calendar :nth-child(6){width:100px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #000;background-color:#eee;cursor:pointer;transition:.5s}.calendar :nth-child(6):hover{transform:translateY(-20px);background-color:pink}.calendar :nth-child(6):after{content:"6"}.calendar :nth-child(7){width:100px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #000;background-color:#eee;cursor:pointer;transition:.5s}.calendar :nth-child(7):hover{transform:translateY(-20px);background-color:pink}.calendar :nth-child(7):after{content:"7"}.calendar :nth-child(8){width:100px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #000;background-color:#eee;cursor:pointer;transition:.5s}.calendar :nth-child(8):hover{transform:translateY(-20px);background-color:pink}.calendar :nth-child(8):after{content:"8"}.calendar :nth-child(9){width:100px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #000;background-color:#eee;cursor:pointer;transition:.5s}.calendar :nth-child(9):hover{transform:translateY(-20px);background-color:pink}.calendar :nth-child(9):after{content:"9"}.calendar :nth-child(10){width:100px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #000;background-color:#eee;cursor:pointer;transition:.5s}.calendar :nth-child(10):hover{transform:translateY(-20px);background-color:pink}.calendar :nth-child(10):after{content:"10"}.calendar :nth-child(11){width:100px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #000;background-color:#eee;cursor:pointer;transition:.5s}.calendar :nth-child(11):hover{transform:translateY(-20px);background-color:pink}.calendar :nth-child(11):after{content:"11"}.calendar :nth-child(12){width:100px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #000;background-color:#eee;cursor:pointer;transition:.5s}.calendar :nth-child(12):hover{transform:translateY(-20px);background-color:pink}.calendar :nth-child(12):after{content:"12"}.calendar :nth-child(13){width:100px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #000;background-color:#eee;cursor:pointer;transition:.5s}.calendar :nth-child(13):hover{transform:translateY(-20px);background-color:pink}.calendar :nth-child(13):after{content:"13"}.calendar :nth-child(14){width:100px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #000;background-color:#eee;cursor:pointer;transition:.5s}.calendar :nth-child(14):hover{transform:translateY(-20px);background-color:pink}.calendar :nth-child(14):after{content:"14"}.calendar :nth-child(15){width:100px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #000;background-color:#eee;cursor:pointer;transition:.5s}.calendar :nth-child(15):hover{transform:translateY(-20px);background-color:pink}.calendar :nth-child(15):after{content:"15"}.calendar :nth-child(16){width:100px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #000;background-color:#eee;cursor:pointer;transition:.5s}.calendar :nth-child(16):hover{transform:translateY(-20px);background-color:pink}.calendar :nth-child(16):after{content:"16"}.calendar :nth-child(17){width:100px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #000;background-color:#eee;cursor:pointer;transition:.5s}.calendar :nth-child(17):hover{transform:translateY(-20px);background-color:pink}.calendar :nth-child(17):after{content:"17"}.calendar :nth-child(18){width:100px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #000;background-color:#eee;cursor:pointer;transition:.5s}.calendar :nth-child(18):hover{transform:translateY(-20px);background-color:pink}.calendar :nth-child(18):after{content:"18"}.calendar :nth-child(19){width:100px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #000;background-color:#eee;cursor:pointer;transition:.5s}.calendar :nth-child(19):hover{transform:translateY(-20px);background-color:pink}.calendar :nth-child(19):after{content:"19"}.calendar :nth-child(20){width:100px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #000;background-color:#eee;cursor:pointer;transition:.5s}.calendar :nth-child(20):hover{transform:translateY(-20px);background-color:pink}.calendar :nth-child(20):after{content:"20"}.calendar :nth-child(21){width:100px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #000;background-color:#eee;cursor:pointer;transition:.5s}.calendar :nth-child(21):hover{transform:translateY(-20px);background-color:pink}.calendar :nth-child(21):after{content:"21"}.calendar :nth-child(22){width:100px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #000;background-color:#eee;cursor:pointer;transition:.5s}.calendar :nth-child(22):hover{transform:translateY(-20px);background-color:pink}.calendar :nth-child(22):after{content:"22"}.calendar :nth-child(23){width:100px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #000;background-color:#eee;cursor:pointer;transition:.5s}.calendar :nth-child(23):hover{transform:translateY(-20px);background-color:pink}.calendar :nth-child(23):after{content:"23"}.calendar :nth-child(24){width:100px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #000;background-color:#eee;cursor:pointer;transition:.5s}.calendar :nth-child(24):hover{transform:translateY(-20px);background-color:pink}.calendar :nth-child(24):after{content:"24"}.calendar :nth-child(25){width:100px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #000;background-color:#eee;cursor:pointer;transition:.5s}.calendar :nth-child(25):hover{transform:translateY(-20px);background-color:pink}.calendar :nth-child(25):after{content:"25"}.calendar :nth-child(26){width:100px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #000;background-color:#eee;cursor:pointer;transition:.5s}.calendar :nth-child(26):hover{transform:translateY(-20px);background-color:pink}.calendar :nth-child(26):after{content:"26"}.calendar :nth-child(27){width:100px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #000;background-color:#eee;cursor:pointer;transition:.5s}.calendar :nth-child(27):hover{transform:translateY(-20px);background-color:pink}.calendar :nth-child(27):after{content:"27"}.calendar :nth-child(28){width:100px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #000;background-color:#eee;cursor:pointer;transition:.5s}.calendar :nth-child(28):hover{transform:translateY(-20px);background-color:pink}.calendar :nth-child(28):after{content:"28"}.calendar :nth-child(29){width:100px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #000;background-color:#eee;cursor:pointer;transition:.5s}.calendar :nth-child(29):hover{transform:translateY(-20px);background-color:pink}.calendar :nth-child(29):after{content:"29"}.calendar :nth-child(30){width:100px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #000;background-color:#eee;cursor:pointer;transition:.5s}.calendar :nth-child(30):hover{transform:translateY(-20px);background-color:pink}.calendar :nth-child(30):after{content:"30"}.calendar :nth-child(31){width:100px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #000;background-color:#eee;cursor:pointer;transition:.5s}.calendar :nth-child(31):hover{transform:translateY(-20px);background-color:pink}.calendar :nth-child(31):after{content:"31"}.calendar--start-day--mon :first-child{margin-left:0}.calendar--start-day--tue :first-child{margin-left:101px}.calendar--start-day--wed :first-child{margin-left:202px}.calendar--start-day--thu :first-child{margin-left:303px}.calendar--start-day--fri :first-child{margin-left:404px}.calendar--start-day--sat :first-child{margin-left:505px}.calendar--start-day--sun :first-child{margin-left:606px}.main{display:flex;justify-content:center;align-items:center;height:100vh}
/*# sourceMappingURL=main.c2d4591b.css.map */