body{padding:0;margin:0;box-sizing:border-box;font-family:"Poppins", sans-serif}.calendar{position:relative;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:blue;overflow:hidden}.calendar::before{content:"";position:absolute;width:300px;height:300px;background:linear-gradient(blue, red);border-radius:50%;transform:translate(-200px, -150px)}.calendar::after{content:"";position:absolute;width:450px;height:450px;background:linear-gradient(blue, yellow);border-radius:50%;transform:translate(200px, 100px)}.container{position:relative;min-height:500px;background-color:rgba(255,255,255,0.1);box-shadow:0 25px 45px rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.5);border-right:1px solid rgba(255,255,255,0.3);border-bottom:1px solid rgba(255,255,255,0.3);backdrop-filter:blur(25px);border-radius:10px;z-index:1;display:flex;flex-direction:column;padding:10px}.table{padding:10px;color:#fff}.week,.days{display:grid;grid-template-columns:repeat(7, 50px);row-gap:3px;column-gap:5px}.week-day,.day{text-align:center;width:50px;height:50px;display:block;align-items:center;border-radius:5px;margin:3px;font-weight:700;line-height:3;transition:all 2s ease-out;cursor:pointer}.week-day{background-color:rgba(255,255,255,0.1);box-shadow:0 25px 45px rgba(0,0,0,0.5)}.week-day:hover,.day:hover{background-color:rgba(255,255,255,0.7);box-shadow:0 25px 45px rgba(0,0,0,0.5);color:blue;font-weight:700}.current{background-color:rgba(255,255,255,0.4);box-shadow:0 25px 45px rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.3);color:blue;font-weight:700}.nav{display:flex;justify-content:space-between;padding:10px;color:#fff}.month{font-weight:700}.btn{border-radius:3px;background-color:rgba(255,255,255,0.2);color:#fff;border:1px solid rgba(255,255,255,0.5);width:30px;height:30px;transition:all 1s ease-out;cursor:pointer}.btn:hover{background-color:rgba(255,255,255,0.7);color:blue}.prev,.last{color:rgba(255,255,255,0.5)}