h1 {
    text-align:center;
}

body {
    font-size:30px;
}

.h1-index {
    color:khaki;
}

.body-index {
    background-color:firebrick;
    color:lightgoldenrodyellow;
}

.h1-projects {
    color:brown;
}

.body-faq {
    background-color:lemonchiffon;
    color:burlywood;
    font-style:italic;
}

.h1-faq {
    color:rosybrown;
}

.body-about {
    background-color:darkgrey;
}

.h1-about {
    color:darkslateblue;
}

@keyframes navbar {
    from {
        font-size:30px;
    }
    to {
        font-size:33px;
    }
}

.body-projects {
    background-color:lightsalmon;
    color:linen;
}

.h1-involved {
    color:blanchedalmond;
}

.body-involved {
    background-color:darkkhaki;
    color:darkgreen;
}

.h3-involved {
    background-color:seagreen;
    color:snow;
}



img {
    padding:10px;
}

.helping {
    height:150px;
    width:300px;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color:tan;
  position:fixed;
  top:0;
}

li {
  float: left;
}

li a {
    float:left;
    display: block;
    color: darkslategray;
    text-align: center;
    padding: 16px 24px;
    text-decoration: none;
}


.placeholder {
    visibility:hidden;
}

a:hover {
    background-color:white;
    animation:navbar 1s forwards;
}

li a.active {
    background-color:dimgray;
    color:white;
}
.other-img {
    float:right;
}

.other-img1 {
    height:190px;
}

.p-involved {
    font-family:helvetica;
    color:darkolivegreen;
    font-style:italic;
}

details>p {
    padding-left:36px;
}

.faq {
    background-color:rosybrown;
    color:oldlace;
    padding:5px;
}

summary {
    font-size:35px;
}

table, th, td {
    border:2px solid white;
    font-size:20px;
    border-collapse:collapse;
}

th, td {
    padding:10px;
}

th {
    background-color:navajowhite;
    color:lightsalmon;
}
.toobigimg {
    height:350px;
}

.p-about {
    background-color:midnightblue;
    padding:10px;
    color:lightsteelblue;
}
 
.h3-about {
    background-color:honeydew;
}

#mine {
    float:right;
    background-color:thistle;
    padding:10px;
}

#irc {
    float:left;
    background-color:plum;
    padding:10px;
}

.body-contact {
    background-color:rebeccapurple;
}

.h1-contact {
    color:thistle;
}