/* general */
:root {
    --color1: #333333;
    --color2: #292f36;
    --color3: #4d5053;
    --color4: #2b4248;
    --color5: #767676;
    --color6: #F4F4F4;
    --color7: #FFFFFF;
    --color8: #FFC107;
    --color9: #C38530;
    --color10: #eff0f2;

    --min_val1: 0.1875rem;
    --min_val2: 0.375rem;
    --pad_val0: 0rem;
    --pad_val1: 0.75rem;
    --pad_val2: 1.5rem;
    --pad_val3: 3rem;
    --pad_val4: 4.5rem;
    --pad_val5: 6rem;
    --pad_val6: 12rem;
    --pad_val7: 24rem;
    --pad_6: 10.5rem;
    --pad_7: 18rem;
    --pad_8: 36.75rem;
}
body{
    font-family: 'Jost';
    color: var(--color3);
}
.title{
    color: var(--color2);
    font-family: 'DM Serif Display';
}
.t1{
    font-size: 85px; 
}
.btn{
    padding: 22px 36px; 
    background-color: var(--color2); 
    height: unset; 
    line-height: 20px; 
    border-radius: 18px;
}

/* asset */
.nav{
    background-color: var(--color1);
}
.page-footer{
    background-color: var(--color6);
    color: var(--color3);
}
.page-footer a{
    color: var(--color3);
}
.page-footer .footer-copyright{
    background-color: var(--color1);
    color: var(--color7);
    font-size: 12px;
}

nav ul:not(.dropdown-content)>li>a:hover:not(.active){
    background-color: var(--color9);
}
.btn:hover, .btn-small:hover, .btn-large:hover, .btn:focus{
    background-color: var(--color9);
}



/* @index */
.btn-floating.btn-large.btn_home_pro{
    height: 50px; 
    width: 50px; 
    background-color: #F4F0EC;
    box-shadow: unset;
    -webkit-box-shadow: unset;
}
.btn-floating.btn-large.btn_home_pro i{
    line-height: 52px;
}