body,html{
    margin: 0;
    padding: 0;
    font-family: 'Fjalla One', sans-serif;
}

body{
    background-color: #191919;
    color: #fff;
}
div{
    display: block;
}
h1,h2,h3,h4,h5,h6{
    margin:10px 0;
}
table{
    width: 100%;
}
input{
    padding: 3px 6px;
    background-color: #333;
    border: 1px solid #fff;
    color: #fff;
    margin: 10px 10px 10px 0;
}
a,a:visited{
    color: #00FFFF;
    text-decoration: none;
}
a:hover{
    color: #00FFFF;
    text-decoration: underline;
}
a:active{
    color: #fff;
}
a.button{
    color: #fff;
    text-decoration: none;
    padding:5px 10px;
    display: block;
    max-width: 200px;
    text-align: center;
    border: 1px solid #fff;
}
a.button:hover{
    background-color: #00A874;
    color:#fff;
}
a.button:active{
    background-color: #fff;
    color: #3F3F3F;
}

canvas{
    border: 1px solid #fff;
}
canvas#main_canvas{
    border: 1px solid #fff;
    position: absolute;
    top:0;
    left:0;

}
canvas#breakball_canvas{
    background-color:#191919;
}

/**********************************PUBLIC***********************************/


#container .inside{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content:space-around;
}
#header{
    width: 100%;
    border-bottom: 1px solid #fff;
    box-sizing: border-box;
    padding: 0 0 0 50px;
}
#main{
    max-width: 100%;
    padding: 50px;
    position: relative;
    box-sizing: border-box;
}

#SCRORE{
    display: flex;
}

.score_box{
    overflow-y: auto;
    height: 500px;
    width: auto;
    max-width: 450px;
    border: 1px solid #fff;
    padding: 10px;
    min-width: 230px;
    margin: 0 20px;
}

#game_object{
    position: relative;
}

input.hours,input.minutes,input.nameshort{
    width: 40px;
}


.inline{
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
}


/*-----------------------------------------------------------------------*/

/*Scrollbar*/
::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}
::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}
::-webkit-scrollbar-thumb {
    background: #e1e1e1;
    border: 76px none #ffffff;
    border-radius: 26px;
}
::-webkit-scrollbar-thumb:hover {
    background: #ffffff;
}
::-webkit-scrollbar-thumb:active {
    background: #000000;
}
::-webkit-scrollbar-track {
    background: #666666;
    border: 0 none #ffffff;
    border-radius: 6px;
}
::-webkit-scrollbar-track:hover {
    background: #666666;
}
::-webkit-scrollbar-track:active {
    background: #333333;
}
::-webkit-scrollbar-corner {
    background: transparent;
}