* {
    text-decoration: none;





    text-shadow: 
    0px 0px 1px black,
    0px 0px 1px black,
    0px 0px 1px black,
    0px 0px 1px black,
    0px 0px 1px black,
    0px 0px 1px black,
    0px 0px 1px black,
    0px 0px 1px black;    
}


body { 
    background-color: rgb(66, 66, 66);

    box-shadow: 
    0px 0px 1px black,
    0px 0px 1px black,
    0px 0px 1px black,
    0px 0px 1px black,
    0px 0px 1px black,
    0px 0px 1px black,
    0px 0px 1px black,
    0px 0px 1px black;    



    font-family:Verdana, Geneva, Tahoma, sans-serif;
    text-shadow: 
    0px 0px 1px black,
    0px 0px 1px black,
    0px 0px 1px black,
    0px 0px 1px black,
    0px 0px 1px black,
    0px 0px 1px black,
    0px 0px 1px black,
    0px 0px 1px black;
}

.DONATE_BUTTON {
    color: white;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 2rem;
    background-color: orange;

    width: 25%;
    height: 40px;

    border: 2px solid white;
    border-radius: 30px;


    align-self: center;

}
.DONATE_BUTTON:hover {

    color: rgb(255, 60, 60);
    
    margin: 10px;

    transform: scale(1.3);
    transition: 1.8s;


}


.DONATE_BUTTON:active {


    transform: scale(1.8);
    transition: .8s;
}



.DIVIDER {

    width: 98%;
    height: .2px;

    margin: 12px;


    align-items: center;
    justify-content: center;
    background-color: white;
}



.TOP_SECTION {

    width: 100%;
    height: 700px;


    text-align: center;

    justify-self: center;
    display: flex;
    flex-direction: column;
}

.ENTRY_IMAGE {


    background-image: url("images/ForrestScape.png");

    background-size: contain;        /* KEY FIX */
    background-position: cover;   /* keeps it centered */
    background-repeat: no-repeat;

    height: 100%;
    width: 100%;
}




.HEADER_SECTION {


    background-color: rgb(205, 205, 205);

    width: 100%;
    
    border-bottom: 3px solid white;

    padding: 5px;

    padding-bottom: 30px;



    display: flex;
    flex-direction: column;
    justify-content: space-between; /* pushes title left, nav right */
    align-items: center;



}

.NAVBAR_SECTION {


    width: 100%;



    margin: 0;

    display: flex;

    gap: 35px;


    flex-direction: column;
    justify-content: space-between; /* pushes title left, nav right */
    align-items: center;
}

.FOOTER_SECTION {

    background-color: rgb(205, 205, 205);

    color: white;
    padding: 5px;

    width: 100%;
    border-bottom: 3px solid white;


    text-align: center;

    display: flex;
    flex-direction: column;
}


.MIDDLE_SECTION {



    width: 80%;


    text-align: center;

    justify-self: center;
    display: flex;
    flex-direction: column;


}




.VIDEO_SECTION {

    color: white;

    background-color: rgb(182, 182, 182);
    border-radius: 15px;
    border: .8px solid white;

    margin: 20px;
    padding: 20px;

    display: flex;
    flex-direction: column;

    align-items: center;
}




.VIDEO_DISCRIPTION {
    background-color: rgb(200, 200, 200);
    border-radius: 10px;

    font-size: 1.62rem;
    padding: 4px;

}





.VIDEO_IMAGE {

    width: 90%;
    height: 90%;

    border: 2px white solid;
    border-radius: 15px;
}


.PLUS_BUTTON {

    width: auto;
    height: auto;

    padding: 15px;
    border: 2px solid white;
    border-radius: 20px;

    color: white;


    font-size: 1.2rem;

    text-align: center;
}


.VIDEO_BUTTON {

    width: 30%;
    height: 60%;

    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;

    color: white;

    font-size: 180%;
    margin: 5px;

    border: 2px solid white;
    border-radius: 40px;
}



.VIDEO_CARD {
    background-color: rgba(111, 111, 111, 0.432);


    

    border-radius: 25px;
    margin: 10px;

    display: flex;
    flex-direction: column;

    align-self: center;


}





.SMALL_TITLE {

    color: rgb(255, 255, 255);


}




.BIG_TITLE {

    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;

    color: rgb(243, 243, 243);

    font-size: 2.8rem;

}

.FOOT_TITLE {

    color: white;

    font-size: 80%;

}


.SOCIAL_BAR {

    width: 100%;


    display: flex;
    flex-direction: row;

}

.SOCIAL_ICON {

    width: 60%;

}


.LINK_CONTAINER {

    width: 100%;

    text-decoration-line: none;

    justify-content: center;


    display: flex;
    flex-direction: column;

}





.NAVBAR_SECTION {


    width: 50%;



    display: flex;

    flex-direction: row;

}




.LINK_CONTAINER {

 
    flex-direction: row;
    gap: 20px;

}





.SMALL_TITLE:hover{
    color: red;

    transition: .6s;
}





.VIDEO_BUTTON:hover {
    text-decoration: underline;
    color: red;
    transition: .8s;
}




.FOOTER_SECTION:hover {
    color: red;
    text-decoration: double;

    transition: 3.9s;
}



.FOOT_TITLE:hover {
    color: red;
    text-decoration: double;

    transition: .9s;
}




.SOCIAL_ICON:hover {

scale: calc(1.2);


padding: 30px;

transition: 1.2s;

}