/* Central CSS */

/* Adobe Fonts Import: <link rel="stylesheet" href="https://use.typekit.net/dzp4tlf.css"> */

body {
   margin: 0;
   background-color: #141434;
}

a {
    color: #6A6A88;
    text-decoration: none;
    font-weight: 500;
}

a:hover {
    text-decoration: underline;
    transition: 2s;
}

/* Text settings */
.standard {
    margin: 0;
    font-family: "proxima-nova", sans-serif;
    font-size: 28px;
    font-weight: 400;
    font-style: normal;
    color: #EFEFEF;
}


.standardMiddle {
    margin: 0;
    font-family: "proxima-nova", sans-serif;
    font-size: 22px;
    font-weight: 400;
    font-style: normal;
    color: #EFEFEF;  
}

.standardSmall {
    margin: 0;
    font-family: "proxima-nova", sans-serif;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    color: #EFEFEF;
}

.standardHeader {
    margin: 0;
    font-family: "proxima-nova", sans-serif;
    font-size: 4em;
    font-weight: 600;
    font-style: normal;
    color: #EFEFEF;
}

.secondaryHeader {
    margin: 0;
    font-family: "proxima-nova", sans-serif;
    font-size: 2.5em;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    color: #EFEFEF;
}

.tertiaryHeader {
    margin: 0;
    font-family: "proxima-nova", sans-serif;
    font-size: 2em;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    color: #EFEFEF; 
}

/* Header Configs */
.mainHeader {
    background-image: url("https://assets.objectionstudios.com/Images/afpoo/banners/1.png"); /*default*/ 
    background-position: center;
    background-size: cover;
    border-bottom: #24245A solid 2em;
}

.headerContent {
    height: 32em;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 3em;
    padding-bottom: 1.5em;
}

.headerTitle {
    margin: 0;
    font-family: "proxima-nova", sans-serif;
    font-size: 7.5em;
    font-weight: 400;
    font-style: normal;
    color: #EFEFEF;
}

.headerImg {
    user-select: none;
    padding-left: 3em;
    opacity: 80%;
    height: 25em;
}

.headerTitleSmall {
    margin: 0;
    margin-bottom: -0.55em;
    font-family: "proxima-nova", sans-serif;
    font-size: 9em;
    font-weight: 800;
    font-style: normal;
    color: #EFEFEF;  
}

.infomates {
    margin-left: 3em;
    margin-right: 3em;
    position: relative;
    bottom: 32em;
    float: right;
}

.social {
    margin-top: 1em;
    display: flex;
    align-items: center;
    gap: 12px
}

.social img {
    float: left;
    width: 40px;
}

/* Page */

.page {
    margin-top: 3em;
    margin-left: 3em;
    margin-right: 3em;
}

.welcome {
    padding: 1%;
    width: 65%;
    float: left;
    background-color: #1C1C42;
}

.volumes {
    padding: 1%;
    width: 25%;
    float: right;
    background-color: #1C1C42;  
}

.catagoriesHold {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1em;
}

.categoryObj {
    text-align: center;
    width: 10em;
    padding: 0.25em;
    background-color: #24245A;
}

/* Volunteers */
.teamMembers {
    width: 100%;
    display: flex;
    gap: 3em;
    align-content: space-around;
}

.team {
    padding: 1.5%;
    margin-top: 3em;
    margin-bottom: 3em;
    background-color: #1C1C42;
    width: 30%;
    max-width: 30em;
    text-align: center;
}

.team img {
    margin: 1em;
    background-color: #24245A;
    border-radius: 25%;
    width: 85%;
    height: 65%;
}

.nameSocial {
    position: relative;
    top: 0.25em;
    color: #6A6A88;
    font-weight: 600;
}