@import 'reset.css';
@import 'fonts.css';
@import 'header.css';
@import 'footer.css';
@import 'pages/homepage.css';

:root {
    --accent: #ffee5a;
    --green: #008370;
    --gold: #BA9D66;
    --black: #222222;
}
html{
    scroll-behavior: smooth;
}
html {
    scrollbar-width: thin;
    scrollbar-color: var(--green) transparent;
}
html::-webkit-scrollbar {
    width: 8px;
}
html::-webkit-scrollbar-track {
    background: transparent;
}
html::-webkit-scrollbar-thumb {
    background-color: var(--green);
    border-radius: 10px;
    border: 2px solid transparent;
}
/* system */
.dis{
    pointer-events: none;
}
.dn{
    display: none;
}
/* main */
.container{
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 20px;
}
.wrapper{
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
    position: relative;
}
.main{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    padding-top: 60px;
}
/* buttons */
.trans_button{
    padding: 10px 20px;
    border-radius: 5px;
    background-color: var(--accent);
    color: var(--black);
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    border: 1px solid var(--black);
    transition: all 0.3s ease;
    cursor: pointer;
}
.trans_button:hover{
    background-color: var(--black);
    color: var(--accent);
}