h1 {
    color:brown;
    border: 2px;
    border-color: rgba(128, 128, 128, 0.534);
    border-style:solid;
    text-align: center;
    font-size: 28px;
    margin: 2px 25%;
    padding: 10px;
    font-family:
}

h2 {
    margin: 50px auto 20px auto;
}

h3 {
    font-size: 26px;
}
.heading {
        color: brown;
        margin-bottom: 8px;     
}

a { 
    color:black;
    text-decoration: none;

}

a[type="title"] {
    color: brown
}
a:hover{ 
    color: rgba(165, 42, 42, 0.742)
}
a:active {
   color: rgba(165, 42, 42, 0.612);
}

body{
    margin: 2% 20% 2% 10%;
    background-color: white;
}
li, p {
    font-size: large;
}
#button1 {
 background-image: linear-gradient(rgba(11, 11, 26, 0.76), black);
 color: white
}

#button2 {
    background-image: linear-gradient(rgba(0, 0, 255, 0.023), rgba(255, 0, 0, 0.037));