/* BRANDING ASSETS */

:root {
    --white: white;
    --cyan: #2EBED6;
    --lime: #B5D333;
    --green: #009B36;
    --blue: #2A61D1;
    --black: black;
}

@font-face {
    font-family: "Owners Narrow";
    src: url("../fonts/OwnersNarrow-BoldItalic.ttf");
}

@font-face {
    font-family: "Owners Text";
    src: url("../fonts/OwnersText-MediumItalic.ttf");
}

/* PAGE STYLING */

*{
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox, Safari 18.2+, Chromium 121+ */
}

*::-webkit-scrollbar { 
    display: none;  /* Older Safari and Chromium */
}


html {
    image-rendering: pixelated;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: none;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 14px;
}

body {
    margin: 0;
    padding: 0;
}

img, video, iframe {
    vertical-align: bottom;
}

h1, h2{
    padding: 0;
    margin: 0;
    margin-left: 10px;
    font-size: 15px;
    font-family: "Owners Text";
    font-weight: normal;
}

p{
    margin: 8px 10px;
    font-size: 13px;
}

#scrollable{
    height: 390px;
    overflow: scroll;
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox, Safari 18.2+, Chromium 121+ */
}

#scrollable::-webkit-scrollbar { 
    display: none;  /* Older Safari and Chromium */
}

/* TITLE STYLING */

.cyan{
    background-color: var(--cyan);
    color: white;
}

.lime{
    background-color: var(--lime);
}

.green{
    background-color: var(--green);
    color: white;
}

.blue{
    background-color: var(--blue);
    color: white;
}

#footer {
    background-color: var(--blue);
    color: var(--white);
}

#footer a {
    color: var(--white);
}