body {
  background-color: #DCC4F2;
  padding: 18px;
  margin: auto;
  max-width: 600px;
  font-size: 14pt;
  font-family: "Garamond", serif ;
}

nav {
    display: flex;
    text-align: left;
    gap: 30pt;
    text-decoration: underline;
}

nav ul {
    text-decoration: underline;
}

li {
    margin-left: 7%;
}

.pfp {
    border-radius: 50%;
    width: 90px;
    float: right;
    border: 2px, solid, black;
}

.center {
    text-align: center;
}

a {
    text-decoration: none;
    color: black;
}

.twocolumn-center {
    display: flex;
    gap: 50px;
    justify-content: center;
}

.chinese {
    font-family: "Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei", sans-serif;
}

h4 { /* for projects page  */
    margin-bottom: 5pt; 
}

.project-button {
    transition-duration: 0.4s;
    border: none;
    border-radius: 5pt;
    background-color: #C69FEA;
    font-size: 14pt;
    font-family: "Garamond", serif;
}

.project-button:hover {
    background-color: #9954D9;
}

.winton {
    background-color: transparent;
    border: none;
    padding: 0px;
}