hack.css

@font-face {
    font-family: minecraft_font; src: url(minecraft_font.ttf) format(‘truetype’);
  }
  

#subtitle {
    font-size: 3.2rem;
    text-align: center;
}

.subtitles {
    font-size: 2.4rem;
}

.legend-bottom {
    position: relative;
    bottom: 0px;
}

#HomePictureContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-color: red; */
}

#HomePicture {
    
    height: 40rem;
    width: 80%;

    
}

img {
    width: 80%;
    height: 80%;
    border-radius: inherit;
}


#Intro {
    font-size: 2.0rem;
}

p {
    font-size: 25px;
    
    text-align: justify;
    /* width: 50%; */
    /* background-color: red; */
}

#TeamSection {
    display: flexbox;
}

.AllMembers {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    /* background-color: bisque; */
}

.TeamMember {
    display: flex;
    /* background-color: cyan; */
    margin: 2.5rem 0%;
    width: 100%;
}

.TeamMember .PicTeamMember {
    border-radius: 50%;
    border: 0.2rem solid rgb(92, 109, 92);
    /* background-color: aquamarine; */
    height: 20.0rem;
    width: 20.0rem;
    /* width: 40%; */
    margin-left: 20%;
}

.TeamMember .PicTeamMember > img {
    width: 100%;
    height: 100%;
}

.TeamMember .InfoTeamMember {
    margin-left: 4.5rem;
    margin-top: 2.8rem;
    line-height: 2.1rem;
    width: 60%;
    /* background-color: red; */
}

.TeamMember .InfoTeamMember .NameMember {
  font-size: 1.8rem;
  font-weight: bold;
}

.TeamMember .InfoTeamMember .SchoolMember, .TeamMember .InfoTeamMember .ProgramMember {
    font-size: 1.6rem;
}


h1 {
    font-size: 40px;
}


video {
    margin-top: -100px;
}