background color: {
  ivory;
}

#title {
  font-family: 'harry-potter';
}


.linkto {
    min-height: 10em;
}

.button {
    font-size: 1.5em;
    color: white;
    font-weight: 600;
    background-color: rgb(130,71,204);
    border-color: #383636 #383636 #383636 #383636;
    border-width: 9px 9px 9px 9px;
    border-style: solid;
    position: relative;
    margin: auto;
    top: 1em;
    padding: 1em;
    width: 9em;
    text-align: center;
}

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

.button:hover {
    color: #383636;
    font-style: italic;
}

.button:active {
    color: #fff;
    background-color: rgb(222, 194, 255);
    border-color: #8f8b8b #8f8b8b #8f8b8b #8f8b8b;
    border-width: 9px 9px 9px 9px;
}