:root {
    --color-main: #006C99;
    --color-secondary: #1a88be;
    --color-black: #000000;
    --color-grey: #393939;
    --color-white: #ffffff;
    --pane-padding: 5px 42px;
}

@font-face {
    font-family: Roboto-Thin;
    src: url('../fonts/Roboto-Thin.ttf');
}

@font-face {
    font-family: Roboto-Light;
    src: url('../fonts/Roboto-Light.ttf');
}

@font-face {
    font-family: Roboto-Regular;
    src: url('../fonts/Roboto-Regular.ttf');
}

@font-face {
    font-family: Roboto-Medium;
    src: url('../fonts/Roboto-Medium.ttf');
}

@font-face {
    font-family: Roboto-Bold;
    src: url('../fonts/Roboto-Bold.ttf');
}

@font-face {
    font-family: Frastha-Light;
    src: url('../fonts/Frastha-Light.otf');
}

@font-face {
    font-family: Frastha-Regular;
    src: url('../fonts/Frastha-Regular.otf');
}

@font-face {
    font-family: Frastha-Medium;
    src: url('../fonts/Frastha-Medium.otf');
}

@font-face {
    font-family: Frastha-Bold;
    src: url('../fonts/Frastha-Bold.ttf');
}

.rob-thin {
    font-family: Roboto-Thin;
}

.rob-light {
    font-family: Roboto-Light;
}

.rob-reg {
    font-family: Roboto-Regular;
}

.rob-medium {
    font-family: Roboto-Medium;
}

.rob-bold {
    font-family: Roboto-Bold;
}

body {
    font-family: Roboto-Regular;
}

.bg-black {
    background-color: #000000;
}

.membership-img {
    width: 100%;
    object-fit: contain;
}