h1 {

background-color: black;
color: aliceblue;
text-align: center;
font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
margin: 0px;
top: 0;
padding: 4px;
}
.h {
top: 0;
position: sticky;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 15%;
background-color: #f1f1f1;
position: fixed;
height: 100%;
overflow: auto;
align-items: center;
}

li a {
display: block;
color: #000;
padding: 8px 16px;
text-decoration: none;
text-align: center;
}

li a.active {
background-color: #04aa6d;
color: white;
}
li a:hover:not(.active) {
background-color: #555;
color: white;
}
#container {
display: flex;
flex-wrap: wrap;
margin-left: 15%;
padding: 1px 16px;
height: 100%;
}
#card {
width: 300px;
padding: 20px;
border: 2px solid green;
box-shadow: 8px 7px 10px rgb(87, 110, 52);
margin: 25px;
border-radius: 5px;
}
button {
background-color: green;
color: ivory;
 width: 100%;
font-size: 20px;
border-radius: 5px;
}
a {
text-decoration: none;
}