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;
    }
  }