* {
    margin: 0;
    padding: 0;

}

.hero{
    width: 100%;
    height: 100vh;
    position: relative;
    background: linear-gradient(45deg , #6ac1c5 , #bda5ff );
}

#calendar{
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate( -50% , -50%);
}