@font-face {
    font-family: mainFont;
    src: url(../font/GothamMedium.ttf);
}

* {
    font-family: var(--font) !important;
}

input{
    font-family: Arial, Helvetica, sans-serif !important;
}

:root{
    --main-blue: #41466e;
    --secondary-blue: #5384be;
    --light-blue: #9ad5e3;
    --main-white: #fffde4;
    --main-yellow: #ffca0a;
    --secondary-yellow: #f7881d;
    --font: mainFont;
}

pre{
    text-wrap: wrap;
}

body{
    margin: 0px;
    zoom: 70%;
}

a{
    color: var(--secondary-yellow) !important;
    text-decoration: none;
}

a:hover{
    color: var(--main-yellow) !important;
    text-decoration: none !important;
}

*::-webkit-scrollbar {
    width: 10px;
    margin-left: 10px;
}

*::-webkit-scrollbar-track {
    background: var(--main-white);
    border-radius: 10px;
}

*::-webkit-scrollbar-thumb {
    background: var(--secondary-yellow);
    border-radius: 10px;
}

*::-webkit-scrollbar-thumb:hover {
    background: var(--main-yellow);
}

.spacer-br{
    height: 20px;
}

input, textarea {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
  }