* {
    background-color: rgb(54, 54, 54);
    text-decoration: none;

    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

    color: white;

    opacity: 0;
    animation: fadeIn 2s ease forwards;

}

h2 {
    margin-top: 55px;
}

p {

    text-align: center;
    background-color: transparent;
}



.HEADER_SECTION {

    width: auto;

    display: flex;
    flex-direction: row;
    gap: 25px;



    justify-content: center;




}

.MIDDLE_SECTION {



    display: grid;
    grid-template-columns: 1fr;

        padding: 2px;
    margin: 2px;



}


.FOOTER_SECTION {



    display: grid;
    grid-template-columns: 1fr;






    justify-content: center;

    text-align: center;



}



.VIDEO_SECTION {

    display: grid;
    grid-template-columns: 1fr;


    justify-items: center;



    padding: 2px;
    margin: 2px;

    gap: 3px;
    border: .2px solid white;
    border-radius: 25px;

}

.HALL_OF_FAME_TITLE
 {

    align-self: center;
    align-content: center;
    text-align: center;


    font-size: 370%;


    color: rgb(255, 255, 37);

    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;

    justify-items: center;

    padding: 2px;
    margin: 2px;
    border-radius: 10px;
}

.BIG_TITLE,
.SMALL_TITLE {

    align-self: center;
    align-content: center;
    text-align: center;


    font-size: 120%;
    color: white;

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

    justify-items: center;

    padding: 2px;
    margin: 2px;
    border-radius: 10px;
}

.VIDEO_IMAGE {

width: 100%;
max-width: 500px;

max-height: 500px;

border-radius: 20px;


}


.VIDEO_DISCRIPTION {

background-color: rgba(240, 248, 255, 0.678);    

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

width: 90%;
max-width: 500px;

max-height: 450px;

margin: 20px;
padding: 2px;
border: .8px solid rgb(255, 255, 255);
border-radius: 25px;


}

.LINK_CONTAINER {

    width: auto;

    display: flex;
    flex-direction: row;
    gap: 10px;


    margin: 25px;

    justify-content: center;



}

.SOCIAL_BAR {

    display: grid;

    grid-template-columns: 1fr 1.3fr 1fr;

    width: 100%;

    max-width: 600px;

    margin: auto;

    justify-items: center;

    align-items: center;

}

.SOCIAL_ICON {

    width: 80px;

    height: auto;

    display: block;

}


.DIVIDER {

    background-color: white;

    width: 95%;

    margin: 10px;

    height: 1px;


    justify-self: center;

}


.DONATE_BUTTON {

    margin: 15px;

    width: 100%;
    max-width: 150px;
    height: 100%;

    border: 2px solid white;
    border-radius: 30px;
    text-decoration: none;

    background-color: orange;

    text-align: center;

    align-content: center;
    justify-self: center;
}



.VIDEO_BUTTON {

    margin: 15px;
    

    
    width: 100%;
    max-width: 150px;
    height: 100%;

    border: 2px solid white;
    border-radius: 30px;
    text-decoration: none;

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

    text-align: center;

    align-content: center;
    justify-self: center;
}




@media (max-width: 768px) {

    .HEADER_SECTION {

        flex-direction: column;

        gap: 20px;
        align-items: center;

    }

    .LINK_CONTAINER {

    width: auto;

    display: flex;
    flex-direction: column;
    }

   .HALL_OF_FAME_TITLE
 {

    font-size: 170%;

}

.BIG_TITLE,
.SMALL_TITLE {


    font-size: 90%;
    color: white;

}



}






@keyframes fadeIn {
    to {
        opacity: 1;
    }
}