*{
    margin: 0;
    padding: 0;
    font-family: Figtree;
    font-weight: bold;
}

body{
    background-image: linear-gradient(#181818, rgb(44, 44, 44));
}



/* -------------------------------------------------------- Banner -------------------------------------------------------- */
.banner{
    min-height: 100vh;
    width: 100%;
    overflow: hidden;
    background-position: center;
    background-size: contain;
    background-image: linear-gradient(rgba(0, 121, 27, 0), rgba(16, 126, 0, 0)),url(../../images/flambeau/flambeau-banner.webp);
}

.banner .text-box{
    width: 60%;
    color: #ffffff;
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    overflow: hidden;
    text-shadow: 1px 0 black;
    border: 3px solid rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    background-image: linear-gradient(rgba(24, 24, 24, 0.58), rgba(44, 44, 44, 0.62));;
}

.text-box h1{
    font-size: 62px;
}

/* -------------------------------------------------------- Content -------------------------------------------------------- */
.content .column{
    position: relative;
    top: 15%;
    left: 32%;
    width: 35%;
    margin-top: 0.5%;
    margin-bottom: 1%;
    text-align: center;
    color: #ffffff;
    height: 100%px;
    font-size: 35px;
}

.content .column .name{
    color: #c73232;
    text-align: left;
    margin-top: 5%;
    margin-bottom: 0%;
    display: block;
}

.content .column .descriptions{
    color: #ababab;
    text-align: left;
    margin-top: 0.5%;
    margin-bottom: 0;
    display: block;
    font-size: 25px;
    font-weight: normal;
}

.content .description{
    font-weight: normal;
}