@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

::-webkit-scrollbar {
  width: .5rem;
  height:.5rem;
}
/* Track */
::-webkit-scrollbar-track {
  background: grey;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: dimgrey;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: goldenrod;
}
a[onclick]{
    cursor:pointer;
}
a[href]{
    color:#4396ef;
}
body{
    font-family: "Roboto", sans-serif,arial;
    color:white;
    font-size:14px;
    background:black;
    min-width:1140px;
}
.container{
    min-width:1140px;
}
textarea{
    resize:none;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    font-weight:bold;
}
.loader{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background:black url(/assets/img/logo.png) center center no-repeat;
    background-size:400px;
    border-radius:.5rem;
    z-index:9999;
    border-bottom:5px solid goldenrod;
}
.background{
    position:fixed;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    background:black url(/assets/img/main_bg.jpeg) bottom center;
    background-size:cover;
    z-index:-1;
}
.section1{
}
.section2{

}
.section3{

}
.section1 a[href]{
    font-weight:bold;
    font-size:32px;
    padding:10px 1.5rem;
    color:#55bedf;
}
.section1 a[href]:hover{
}
.wrapper{
    width:1140px;
    margin:auto;
    background:url(/assets/img/inner_bg.png) top center no-repeat;
    background-size:1140px;
}
hr{
    border-color:#333;
    opacity:1;
}
.w-33{
    width:33.33%!important;
}
.w-50{
    width:50%!important;
}
.ball{
    display:inline-block;
    width:60px;
    height:60px;
    text-align:center;
    border-radius:50%;
    background:black url(/assets/img/ball.png) top left;
    background-size:cover;
    margin:2px 5px;
    font-weight:bold;
    font-size:32px;
    padding-top:5px;
    color:#f3c85d;
}
.ball-winner{
    font-size:32px;
    font-weight:bold;
    text-shadow:1px 1px black;
}