body {
 font-family:"baloo tamma 2";
 text-align: center;
 background-color:#000d22;
 overflow-x:hidden
}

::-webkit-scrollbar {
 width:2px
}

::-webkit-scrollbar-thumb {
 border-radius:10px;
 background:linear-gradient(to bottom,#006aff,#0095ff)
}

.draggable {
 user-drag:none;
 -webkit-user-drag:none;
 user-select:none;
 -moz-user-select:none;
 -webkit-user-select:none;
 -ms-user-select:none
}

.center-logo {
 position:absolute;
 top:12%;
 left:50%;
 margin-top:-64px;
 margin-left:-123px
}

.logo {
 -webkit-filter:drop-shadow(0px 2px 22px #28bfff);
 filter:drop-shadow(0px 4px 22px #28bfff);
 transition:all 3s ease
}

.container 
{
	position: absolute;
	top:30%;	
  	width: 100%;
	line-height: 1;
}

.button {
 background-color:#1e8cbd;
 border-radius:100px;
 box-shadow:rgb(40 191 255/20%) 0 -25px 18px -14px inset,rgb(40 191 255/15%) 0 1px 2px,rgb(40 191 255/15%) 0 2px 4px,rgb(40 191 255/15%) 0 4px 8px,rgb(40 191 255/15%) 0 8px 16px,rgb(40 191 255/15%) 0 16px 32px;
 color:#fff;
 cursor:pointer;
 padding:6px 20px 4px;
 text-align:center;
 text-decoration:none;
 border:0;
 font-size:16px;
 font-family:"baloo tamma 2";
 user-select:none;
 -webkit-user-select:none;
 transition:all 200ms
}

.button:hover {
 background-color:#28bfff;
 box-shadow:rgb(40 191 255/35%) 0 -25px 18px -14px inset,rgb(40 191 255/25%) 0 1px 2px,rgb(40 191 255/25%) 0 2px 4px,rgb(40 191 255/25%) 0 4px 8px,rgb(40 191 255/25%) 0 8px 16px,rgb(40 191 255/25%) 0 16px 32px;
 transform:scale(1.03);
 margin-top:-2px
}

.buttons {
 position:absolute;
 display:flex;
 top:47%;
 left:50%;
 margin-left:-156px
}

.button-padding {
 padding-left:10px;
 padding-right:10px
}

.login {
 position:absolute;
 display: flex;
 top:45%;
 left:50%;
 margin-left:-85px;
}

.logout {
 position:absolute;
 display: flex;
 top:53%;
 left:50%;
 margin-left:-44px;
}

.back {
 position:absolute;
 display: flex;
 top:37%;
 left:50%;
 margin-left:-36px;
}

.table {
    display: flex;
    justify-content: center;
}

.table table {
    position: absolute;
    top: 50%;
    border: 1px solid #1e8cbd;
    border-radius: 5px;
    width: 90%;
}

.table th, td {
    text-align: center;
    color: rgb(255, 255, 255);
    padding: 5px;
    border: 1px solid #1e8cbd;
    border-radius: 5px;
}

.form {
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(255, 255, 255);
}

.form form {
    position: absolute;
    top: 42%;
    width: 35%;
}

.input {
    text-align: center;
    display: inline-block;
}

.input label {
    display: block;
}

.input input {
    color: #fff;
    height: 30px;
    border-color: #2e3136;
    border-radius: 5px;
    background-color: #2e3136;
}

.page {
    display: flex;
    justify-content: center;
}

.page-buttons {
    display: flex;
    position: absolute;
    top:95%;
    margin-top: -4px;
}