@import url('./fonts.css');

:root{
    --orange-color: #E87000;
    --dark-orange-color: #FF4C00;
    --orange-color-op: #e87000e1;
    --blue-color: #202946;
    --black-color: #231F20;
    --max-width: 960px;
}

.none{ display: none !important; }
*{ margin: 0; padding: 0; }
a, *[data-href]{ color: rgb(var(--txt-color)); text-decoration: none; transition: color .25s ease-in-out; cursor: pointer; }
a:hover, *[data-href]:hover, .main-color{ color: rgb(var(--main-color)); }
body{ font-family: 'Lato', sans-serif; color: rgb(var(--txt-color)); background-color: rgb(var(--bg-color)); }
body.no-scroll, .no-scroll{ overflow-y: hidden; }
ul, li{ list-style: none; }
.max-width{ max-width: var(--max-width); width: 100%; margin: auto; }
h2,h3,h4,h5,h6{ font-family: 'BigNoodle'; font-weight: 200; }

.pandaroo-button{
    background-color: transparent;
    color: rgb(var(--txt-color));
    border: solid 1px rgb(var(--txt-color));
    border-radius: 7.5px;
    padding: 10px 15px;
    min-width: 150px;
    max-width: 250px;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    transition: all .25s ease-in-out;
    cursor: pointer;
}

.pandaroo-button:hover{
    color: rgb(var(--txt-color));
    background-color: var(--main-color);
    border-color: var(--main-color);
}