:root {
    --clr-blue: #086B92;
    --clr-sky-blue: #E6F0F4;
    --clr-dark-blue: #374650;
    --clr-white: #FFFFFF;
    --clr-yellow: #F8CE63;
}

html {
    /* font-size: 62.5%; */
    /* 62.5% of 16px = 10px */
}

.aspect-ratio-box {
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.aspect-ratio-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: 'Montserrat', sans-serif !important;
}

a {
    text-decoration: none;
}