body {
  font-family: 'Kanit', sans-serif;
  font-size: 1rem;
  background-color: #272727;
  color: #faf3dd;
}
#heading {
    font-size: 3.5rem;
    font-weight: 800;
    transform: rotate(356deg);
    text-align: center;
    color: #e56b6f;
}
p {
    font-size: 1.15rem;
    max-width: 750px;
    margin: auto auto 10px;
}
#profile {
    width: 50%;
    max-width: 500px;
    display: block;
    margin: auto;
    padding-bottom: 4em;
    border-radius: 50%;
    filter: drop-shadow(5px 5px 10px #000000);
}
#mailme {
    text-align: center;
}
/* New Button Styling */
.button {
    display: inline-block;
    min-width: 175px;
    margin: 30px auto;
    padding: 12px 16px;
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    color: #272727;
    background-color: #faf3dd;
    border: 1.5px solid #272727;
    border-radius: 5px;
    transform: rotate(356deg);
    cursor: pointer;
}
.button:hover {
    background-color: #e56b6f;
    margin: 30px auto;
    color: #faf3dd;
    border-radius: 5px;
    transform: rotate(356deg);
    cursor: pointer;
}
/* Center the button container */
.button-wrap {
  text-align: center; 
}