body {
    background-color: #401020;
    color: #ffa0d0;
    font-family: serif;
    font-size: 14pt;
    font-weight:normal;
    
}

p {    
  max-width: 80ch;     
  margin-left: auto; 
  margin-right: auto;
}

.full {    
    margin-left: auto; 
    margin-right: auto;
    text-align: center;
}

a:link { color: #ff4080; text-decoration:none; }
a:visited { color: #df2060; }
a:hover { color: #ff60a0; }

div {    
   display: inline-block;
}


h1,h2,h3 {
    font-family: sans-serif;
    font-weight:normal;
    text-align: center;
}

h1 {
    font-size: 24pt;
    font-weight:bold;
}

h2 {
    font-size: 16pt;
    font-weight:normal;
}

h3 {
    font-size: 14pt;
    font-weight:normal;
}

.center {
    text-align: center;
}


.left {
    text-align: left;
}

ul {  
    width: 80ch;
    list-style: none;    
    margin-left: auto; 
    margin-right: auto;
}

ul li:before {
    content: '\2665';
    display: inline-block;
    font-family: Times;
    color: #ffa0a0;
    width: 0.5em;
}   

li {
    text-indent: -0.5em;
}

.art {
  padding-top: 32px;
  padding-bottom: 32px; 
  text-align: center;
}

.art:hover {
  cursor: pointer;
}



.email {
    color: #df80ff;
    white-space: nowrap;
}

.heart {
    font-family: Times;
    color: #ffa0a0;
}

td {
    padding: 0 5px 0 5px;
}