body {
    background-color: #f1d7e3;
    color: #594f67;
    font-size: 1.2rem;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

h1 {
    text-align: center;
    color: #f564a8;
    size: 3rem;
}
h3 {
    color: #8c5ca5;
}
a, a:visited {
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 0.2rem;
    color: #594f67;
}
a:hover, a:active {
    color: #ee4594;
}
main {
    margin: auto;
    width: 1024px;
    max-width: 90%;
    padding: 1.5rem;
    text-align: center;
}
footer {
    width: 1024px;
    max-width: 90%;
    margin: auto;
    text-align: center;
    padding: 1rem;
}
textarea {
    border-color: #f87dac;
    border-style: solid;
    border-width: 0.15rem;
    padding: 0.5rem;
    font-size: 1rem;
    width: 350px;
    max-width: 400px;
    height: 150px;
}
input {
    background-color: #f9e7e9;
    border-color: #f86ea3;
    border-style: solid;
    border-width: 0.15rem;
    border-radius: 15px;
    padding: 0.5rem;
    font-size: 1.2rem;
    text-align: center;
}
select {
    border-color: #f86ea3;
    border-style: solid;
    border-width: 0.15rem;
    padding: 0.5rem;
    font-size: 1rem;
    background: linear-gradient(to bottom, #f9e7e9, #fa9cc0 );
}
.button {
    background: linear-gradient(to bottom, #f9e7e9, #fa9cc0 );
    border: 1.5pt solid #f86ea3;
    border-radius: 20px;
    font-size: 1rem;
    font-weight: bold;
    color: #8c5ca5; 
}
hr {
    border: solid 1.5pt #f86ea3;
    border-image: linear-gradient(90deg, #f9e7e9, #fa9cc0, #f87dac, #f38282, #f7d54d, #6ed46e, #3ed3da, #a48ac9, #8c5ca5, #cd77de  100%);
    border-image-slice: 1;
    border-top: 0.1rem solid #FC8EAC;
    border-right: 0.1rem solid #FC8EAC;
    border-left: 0.1rem solid #FC8EAC;
    border-bottom: 0.1rem solid #FC8EAC;
}