body{
    height: 100%;
    font-family: var(--font-family);
    @font-face {
        font-family: var(--font-family);
    }
    /* overflow: auto; */
}

body a{
    -webkit-appearance:none !important;
}

.fixed-position {
    height:100%;
    touch-action: none;
    /* overflow-y: hidden !important; */
    opacity: .5;
    transition: opacity 300ms ease-in-out;
    pointer-events:none;
}

.page-container {
    min-height: 100vh;
}

.flex-column-center {
    flex-direction: column;
    display: flex;
    place-content: center;
    align-items: center;
}

.btn:hover{
    background-color: rgb(255, 98, 0);
}

.btn-warning{
    border:none;
}

.btn{
    box-shadow: none !important;
}

html {
    overflow-x: hidden;
    overflow-y: scroll;
    font-size: 16px;
 }

:root{
    --primary-color:#015374;
    --secondary-color:#ff881d;
    --ternary-color:rgb(76 212 76);
    --font-family:'Montserrat', sans-serif;
    /* --font-family:'Helvetica'; */
    --dark-font-color:rgb(37, 37, 37);
    --light-font-color:#fff;
    --light-background:white;    
    --dark-background:rgb(37, 37, 37);
}
.flex-row-center {
    flex-direction: row;
    display: flex;
    place-content: center;
    align-items: center;
}

.activeeee {
    color: var(--secondary-color) !important;
}

@media only screen and (max-width: 600px) {
    html {
        font-size: 12px !important;
    }
}

.announcement-bar-container {
    margin-top: 5rem;
}

.announcement-bar {
    width: 100%;
    overflow: hidden;
    background-color: var(--primary-color);
    color: #000;
    padding: 10px 0;
    font-size: 14px;
    position: relative;
}

.scrolling-wrapper {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.scrolling-text {
    display: inline-block;
    padding-left: 100%;
    animation: scroll-left 25s linear infinite;
    color: white;
}

@keyframes scroll-left {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@media (max-width: 600px) and (min-width: 200px) {
    .announcement-bar-container {
        margin-top: 7rem;
    }
}

@media (max-width: 2000px) and (min-width: 1367px) {
    .announcement-bar {
        padding: 15px 0;
        font-weight: bold;
        font-size: 18px;
    }
}