html {
    background: linear-gradient(to right, #af4c6a, #d1c785);
}
body { 
    font-family: Arial, sans-serif;
    background-color: rgba(190, 162, 208, 0.63);
    margin: 15%;
    padding: 10px;
    border:5px solid hsl(107, 47%, 70%);
    border-radius: 10px;
}
header {
    color: rgb(0, 0, 0);
    text-align: center;
}
div {
    text-align: center;
}
#imageContainer {
    padding: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
  
#imageContainer img {
    align-items: center;
    max-width: 80%;
    max-height: 80%;
    border-radius: 50%;
}
h1 {
    font-size:300%;
    display: flex;
    justify-content: center;
    align-items: center;
}  
h2 {
    color: rgb(111, 29, 111);
    text-align: center;
}
p {
    padding: 0px;
    text-align: center;
}

button {
    background-color: #85188382;
    color: rgb(13, 13, 13);
    padding: 10px;
    text-align: center;
    text-decoration:none;
    font-size: 17px;
    border-radius: 10px;
    cursor: pointer;
    margin: 5px;
}