html {
        color: #87A7B3;
        height: 100%;
        width: 100%;
        padding: 2px;
    }
    
    #home {
        height: 100%;
        width: 100%;
        background-color: #766161;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    header {
        background-color: #87A7B3;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        font-family: 'Lobster', cursive;
        position: sticky;
        padding: 2px;
    }
    
    .name {
        font-weight: 1000;
        font-size: 45px;
        color: rgb(11, 19, 44);
    }
    
    .nav_items {
        font-size: large;
    }
    
    .home_tab {
        color: rgba(40, 43, 53, 0.932);
        font-size: larger;
    }
    
    .home_tab:hover {
        color: rgb(24, 10, 10);
        font-weight: 1000;
    }
    
    .hero {
        font-family: 'Amatic SC', cursive;
        font-weight: 1000;
    }
    
    .hero h1 {
        font-family: 'Dancing Script', cursive;
        line-height: 1.5em;
        font-size: 40px;
        font-weight: 1000;
        color: #fff;
    }
    
    .hero_img {
        box-shadow: 10px 10px #554b4981;
    }
    
    .home_para {
        font-size: 25px;
        font-weight: bolder;
        line-height: 1.2em;
    }
    
    #donate {
        color: rgb(7, 2, 2);
        font-size: 25px;
        font-weight: bolder;
        margin-right: 20px;
    }
    
    #about {
        font-family: 'Amatic SC', cursive;
        font-weight: 1000;
        height: 100%;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.87);
    }
    
    #about_head {
        color: rgb(43, 13, 6);
        line-height: 1.5em;
        font-family: 'Dancing Script', cursive;
        font-weight: bolder;
        font-size: 70px;
    }
    
    .about_para {
        font-size: 30px;
        font-weight: 700;
        color: black;
    }
    
    .about_info {
        color: black;
    }
    
    .links {
        color: rgb(17, 28, 43);
    }
    
    .links:hover {
        color: rgba(53, 21, 240, 0.938);
        font-weight: bolder;
        text-decoration: underline;
        text-decoration-style: dotted;
    }
    
    #gallary {
        font-family: 'Amatic SC', cursive;
        font-weight: 1000;
        background-color: #766161;
    }
    
    .pic_head h1 {
        margin-left: 5px;
        line-height: 1.5em;
        color: rgb(31, 10, 2);
        font-family: 'Dancing Script', cursive;
        font-size: 55px;
        font-weight: bolder;
    }
    
    .pic_head p {
        color: black;
        line-height: 1.2em;
        font-size: 20px;
        margin-top: 5px;
        font-style: italic;
    }
    
    .pics {
        border-radius: 7px;
    }
    
    .pics:hover {
        transform: translate3d(20px, -10px, 20px);
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
    }
    
    .foot {
        background-color: rgb(2, 31, 68);
    }
    
    .contact {
        color: rgb(1, 3, 7);
    }
    
    #button {
        justify-content: center;
    }