body {
    font-family: Verdana, sans-serif;
  }
.colored
{
    background-color: rgba(42, 23, 128, 0.93);
}
#title
{
    text-align: center;
    padding: 5px;
    border: 1px solid black;
}
.list
{
    box-shadow: 1px 1px 10px black;
    border-radius: 10px;
}
#button 
{
    margin: auto;
}
#title {
    font-family: "Righteous", cursive;
    border-radius: 15px;
    font-weight: bold;
    display: inline-block;
    padding: 20px;
    background: linear-gradient(to bottom right, #1f9aff,rgba(42, 23, 128, 0.93)); /* Gradient colors */
    background-clip: text; /* Clip the gradient to the text */
    color: transparent;
    /* Apply the gradient border */
    border: 5px solid;
    border-image: linear-gradient(to bottom right, #1f9aff,rgba(42, 23, 128, 0.93));
    border-image-slice: 1;
  }
#citylist li{
    color: black;    
}
#picture
{
    max-height: 120px;
    font-family: "Righteous", cursive;
    font-size: 26px;
}
.contact
{
    text-decoration: none;
    letter-spacing: 1px;
}
.class-link:hover
{
 color: white;
}
#img{
    border-radius: 5px;
    box-shadow: 1px 1px 10px black;
}
#headerLogo{
        font-family: "Righteous", cursive;
        font-size: 26px;
}