@charset "utf-8";
/* CSS Document */


body {
  font-family: "Montserrat", arial, sans-serif;
  background-color: #390f24;
  color: #FFF;
}

h1, h2, h3, h4, h5, h6, .font-primary {
  font-family: "Montserrat", arial, sans-serif;
  color: #C4A863;
}


#link h1 {font-size: 20px; font-weight:700;}
#link h5 {font-size: 11px; font-weight:400;}

.btnY {color: #222; background-color: #ffd200; padding: 10px 25px; border-radius: 8px; text-decoration: none;}
.btnY:hover {color: #fff; background-color: #666;}
.btnR {color: #222; background-color: #035ae8; padding: 10px 25px; border-radius: 8px; text-decoration: none;}
.btnR:hover {color: #fff; background-color: #666;}
.btnW {color: #fff; background-color: #7c0000; padding: 10px 25px; border-radius: 8px; text-decoration: none;}
.btnW:hover {color: #fff; background-color: #666;}
.btnB {color: #fff; background-color: #000; }
.btnB:hover {color: #ffd200; }
.btnO {color: #fff; background-color: #FD6911; padding: 10px 25px; border-radius: 8px; text-decoration: none;}
.btnO:hover {color: #fff; background-color: #666;}

.btnPixO {color: #fff; background-color: #FD6911; padding: 10px 25px; border-radius: 8px; text-decoration: none; font-size:18px}
.btnPixO:hover {color: #fff; background-color: #666;}
.btnPixY {color: #222; background-color: #ffd200; padding: 10px 25px; border-radius: 8px; text-decoration: none; font-size:18px}
.btnPixY:hover {color: #fff; background-color: #666;}

.y {color: #ffd200;}
.g {color: #DDD;}
.m {color: #ec556e;}

.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}

::-webkit-scrollbar {
width:16px;
}
::-webkit-scrollbar-track {
background:#444
}
::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background-color: #000;
  background-clip: padding-box;
  border: 0.15em solid #222;
}
::-webkit-scrollbar-thumb:hover {
background:#eee; border-radius: 20px;
}