body,html
{
background-color: #d85aa1;
background-repeat: no-repeat;
font-family: "Copperplate", Courier, monospace;
font-size: 16px;
}

a
{
    color: black;
   
}
a:hover
{
    color: pink;
}
img
{
position: center;
border-radius: 1rem;
max-width: 100%;
}

button
{
    color:#fff;
    width: 100%;
    position: center;
    background-color: #b24080;
    border: none;
    border-radius: 1px;
    font-size: 16px;
}
.popup
{
    width: 400px;
    background: #fff;
    border-radius: 6px;
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%) scale(0.1);
    text-align: center;
    padding: 0 30px 30px;
    box-shadow: 0 2px 5px;
    visibility:hidden;
    transition: transform 0.4s, top 0.4s;
}

.openpopup
{
    visibility: visible;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
}
.popup button
{
    background-color: #d85aa1;
    width:100%;
}
.popup button:hover{
    background-color:pink;
}
h2{
    color:#d85aa1;
}