@charset "utf-8";

/* CSS Document */



body {
    background-size: contain;
    background-repeat: repeat-y;
    background-image: url(../images/bkgd.webp);
    background-color: #ffffff;
    color: #000000!important;
}

h1 {
    font-size: 30px;
    font-family: "Coiny", system-ui;
    font-weight: 400;
    font-style: normal;
    color: #53c233;
}
@media (max-width: 500px) {
      h1 {
    font-size: 25px;
 }
    }
h2 {
    font-size: 25px;
    font-family: "Coiny", system-ui;
    font-weight: 400;
    font-style: normal;
    color: #53c233;
}

h3 {
    font-size: 27px;
    font-family: "Coiny", system-ui;
    font-weight: 400;
    font-style: normal;
    color: #53c233;
    padding-top: 13px;
    padding-bottom: 12px;
}
a {
    color: #3A9303;
    font-weight: bold;
}
.card {color: #ffffff!important;}


.navbar {
    background-color: #53c233;
}
.nav-item {
    font-weight: bold;
    font-size: 20px;
    margin-left: 9px;
    margin-right: 9px;
}
.nav-link {
    color: #FFFFFF;
}


.header{
    background-image: url("../images/header.webp");
    background-size: cover;
    background-position: center bottom;
}
.bios {
    background-image: -webkit-linear-gradient(324deg,rgba(141,234,20,1.00) 0%,rgba(42,171,47,1.00) 100%);
    background-image: -moz-linear-gradient(324deg,rgba(141,234,20,1.00) 0%,rgba(42,171,47,1.00) 100%);
    background-image: -o-linear-gradient(324deg,rgba(141,234,20,1.00) 0%,rgba(42,171,47,1.00) 100%);
    background-image: linear-gradient(126deg,rgba(141,234,20,1.00) 0%,rgba(42,171,47,1.00) 100%);
}
.landscape {
    background-position: center bottom;
    background-image: url(../images/landscape.webp);
    background-size: cover;
}



.footer {
    color: #FFFFFF;
    border-top: 10px solid #8dea14;
    background-size: contain;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #53C233;
}

.footer a{

    color: #FFFFFF;

    text-decoration: underline;

    font-weight: bold;

}