/* ============================================
   1. GLOBAL (variables, reset, typography, base elements)
   ============================================ */

/* Cache bust: Social media icons - v4.0 - Final version */
:root{
    --themeColor : white;
    --heroOpacity : 1;
    --partnerHeight : 12rem;
    --navBackgroundColor : hsl(240, 20%, 17%);
    --navTextColor: white;
    --boxShadow: 5px 5px 20px rgb(216, 216, 216);
    --logoBlue: rgb(8, 106, 176);
    --logoGreen: rgb(63, 160, 63);
    --logoCyan: rgb(46, 191, 165);
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Baloo Chettan 2', Open Sans, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}


body{
    background-color: white;
    min-width: 300px;
}
p{
    text-align: center;
    max-width: 100ch;
    margin:auto;
    padding:1rem;
    font-size:18px;
}

.font-normal{
    font-weight: 300;
}

.font-bold{
    font-weight: 700;

}

textarea {
    resize: none !important;
}

.hidden{
    display:none;
}

.align-center{
    text-align: center !important;
}