html {
    background-color: white;
    scroll-behavior: smooth;
} 

header {
    text-align: center;
}

body{
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-align: center;
}



.Vmenu{
    display: flex;
    align-items: center;
}

.Vmenu li{
    align-items: center;
    list-style:none;
    margin: 1px;
}

.Vmenu li a{
    align-items: center;
    text-align: right;
    color: hsl(0, 0%, 100%);
    background: hsla(259, 100%, 48%, 0.353);
    text-decoration: none;
    font-weight: bold;
    transition: all 0.5s ease;
    border-radius: 20px;
    padding: 5px 10px;
}

.Vmenu li a:hover{
    align-items: center;
    padding: 5px 10px;
    background: hsl(264, 100%, 15%);
    color: #ffffff;
    border-radius: 5px;
}


/*-------------------------------MENU----------------------------------------*/

html {
    background-color: white;
}

head{
    background-color: rgba(162, 0, 255, 0.649);
}

.Vwave {
    position: absolute;
    bottom: 0;
    width: 100%;
}



.Vtitulo{
    text-align: center;
    
}

p {
    text-align: center;
  }




h1{
    color: rgb(50, 0, 22);
    font-size: 50px;
}

h2{
    color: rgb(50, 0, 22);
    font-size: 40px;
}


/*-------------------------------Calendario----------------------------------------*/
.logo{
    font-size: 20px;
    color: rgba(24, 0, 81, 0.724), 0.634;
    font-weight: 30px;
    border-radius: 10px;
    padding: 1px 1px;
}

img {
    border-radius: 30px;
    border: 5px solid rgb(46, 0, 98);
     }


.logo{
     text-align: left;
     background-color: hsl(264, 100%, 15%);
     }


@media screen and (max-width:500px){
    .img{
    width: 90%;
    }
}