body {
    background-image: url(cloud.gif);
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: fixed;
    background-size: cover;
}
table {
    border: 3px;
    height: 900px;
    margin-top: 50px;
    margin-left: 25px;
    margin-right: 25px;
}
tr, th, td {
    font-size: 50px;
    border-style: solid;
    border-color: rgb(148, 218, 240);
    width: 2500px;
    text-align: center;
}
.len {
    font-size: 25px;
    background-color: white;
}
button{
width: 200px;
padding: 15px 0;
text-align:center;
margin:20px 10px;
border-radius: 25px;
font-weight:bold;
border: 2px solid #f53bbd;
background:transparent;
color:#fff;
cursor: pointer;
position:relative;
overflow:hidden;
}
span{
background:#cf36e4;
height:100%;
width:0;
border-radius: 25px;
position:absolute;
left:0;
bottom:0;
z-index:-1;	
transition: 1s;
}
button:hover span{
width:100%;

}
button:hover{
border:none;
}
.navbar ul li{
list-style:none;
display:inline-block;
margin: 0 20px;
position:relative;
}
.navbar ul li a{
text-decoration:none;
color:rgb(0, 0, 0);
text-transform:uppercase;	
}
.navbar ul li::after{
content: '';
height: 3px;
width: 0;
background: #029ffa;
position:absolute;
left:0;
bottom:-10px;
transition:0.5s;
}
.navbar ul li:hover::after{
width:100%;

}
.andrea {
border-radius: 10px;
}