@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";*{margin:0;padding:0;font-family:Open Sans,sans-serif;box-sizing:border-box}body{height:100vh;background-color:#ffe6e6;display:flex;justify-content:center;align-items:center}h2{font-size:33px;text-align:center;color:#7469b6;margin-bottom:20px;text-shadow:0px 6px 8px rgba(0,0,0,.2)}.calendar-app{width:500px;background-color:#fff;box-shadow:0 6px 10px #0006;padding:10px;border-radius:4px}.header{display:flex;justify-content:space-between;padding:10px;background-color:#7469b6}button{background-color:#7469b6;border:none;cursor:pointer}.arrow{font-size:22px;color:#fff}select{border-radius:4px;padding:3px 8px;outline:none}.daysOfWeek{display:grid;grid-template-columns:repeat(7,1fr);font-weight:700;background-color:#7469b6;color:#fff;padding:5px;text-align:center;margin-bottom:5px}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;background-color:#7469b6;padding:5px;color:#fff}.day,.empty{border:1px solid #ccc;padding:10px;text-align:center;cursor:pointer}.empty{background-color:#7e74b6}.day:hover{background-color:#fff;color:#7469b6}.current{color:#fff;font-weight:700;background-color:#e1afd1;border:none;border-radius:2px}