body {
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    width: 390px;
    margin: 0 auto;
    background-color: rgb(187, 233, 197);
    color: rgb(25, 46, 25);
}

h1 {
    background-color: rgb(72, 139, 89);
    color: rgb(207, 238, 216);
    border: 5px solid rgb(94, 190, 131);
    padding: 0.5rem;
    text-align: center;
    font-size: 50px;
    border-radius: 10px;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

h2 {
    text-decoration: underline;
    margin: 0;
    padding: 0.5rem;
}

p {
    margin: 0.5rem;
}

div {
    border-radius: 10px;
}

.info {
    background-color: rgb(162, 216, 226);
    padding: 0.5rem;
    margin: 0;
    font-size: large;
}

.sites {
    background-color: rgb(243, 243, 159);
    padding: 0.25rem;
}

.face:hover {
    color: rgb(184, 95, 150);
}

ul {
    text-align: left;
    color: rgb(0, 119, 255);
}

li {
    font-size: 18px;
}

p:nth-child(4) {
    text-align: center;
}

a:visited {
    color: rgb(203, 22, 220);
}

a:hover {
    color: rgb(36, 170, 69);
}
a:active {
    color: black
}