body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    width: 60%;
    margin:auto;
    background-color: #3d4245;
    color:#bccdd6;
}

/* link styles */

a {
    text-decoration: none;
    font-weight: bold;
    transition: 0.3s;
}

a:link {
    color: #7191d6;
}

a:hover {
    color: #b0c4ef;
    text-shadow: 0px 0px 3px #b0c4ef;
}

a:active {
    color: #3767cf;
}

a:visited {
    color: #9e6dbd;
}

/* title styles */

h1, h2 {
    color:#e2eff6;
    font-family: "Sour Gummy", sans-serif;
    text-shadow: 0px 0px 5px #677caa;
}

p {
    border: 1px solid #616668;
    background-color: #4b5052;
    border-radius: 0.2rem;
    padding: 1rem;
}

.logo-image {
    padding: 1rem;
}

ul {
    border: 1px solid #616668;
    background-color: #4b5052;
    border-radius: 0.2rem;
    padding: 1rem;
    padding-left: 2rem;
}