#invitebutton {
    background-color: #81A1C1;
    color: whitesmoke;
    font-size: 25px;
    border:none; border-radius: 12px;
    margin-top:20px; padding:20px;
    padding-left: 50px;
    padding-right: 50px;
    transition: all 0.5s

}



#invitebutton:hover {
    background-color: #5E81AC;
    font-size: 27px;
    box-shadow: 0px 0px 40px 0px #88C0D0;
}

#block {
    padding-top: 300px;
    padding-bottom: 300px;
    background-color: #2E3440;

}

#block2 {
    padding-top:300px; 
    padding-bottom:300px; 
    background-image: linear-gradient(90deg, #5E81AC 20%, #88C0D0 80%);
    color: whitesmoke;
}

#example {
    margin-top: 30px;
    width: 50%;
    margin-right: auto;
    margin-left:auto;
    border-radius: 30px;
    width: 50%;
    transition: all 0.5s;
}

#exemple:hover {
    width: 55%;
}

#pie {
    background-image: linear-gradient(90deg, #5E81AC 20%, #88C0D0 80%);
    color: whitesmoke;padding: 40px;
}