@font-face {
  font-family: 'Product Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/productsans/v5/HYvgU2fE2nRJvZ5JFAumwegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
}
@font-face {font-family: "Gilroy"; src: url("//db.onlinewebfonts.com/t/1dc8ecd8056a5ea7aa7de1db42b5b639.eot"); src: url("//db.onlinewebfonts.com/t/1dc8ecd8056a5ea7aa7de1db42b5b639.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/1dc8ecd8056a5ea7aa7de1db42b5b639.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/1dc8ecd8056a5ea7aa7de1db42b5b639.woff") format("woff"), url("//db.onlinewebfonts.com/t/1dc8ecd8056a5ea7aa7de1db42b5b639.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/1dc8ecd8056a5ea7aa7de1db42b5b639.svg#Gilroy") format("svg"); }

body
{
	/*background: rgb(41,208,226);
	background: linear-gradient(180deg, rgba(41,208,226,1) 0%, rgba(0,114,187,1) 100%);*/
	background: #191919;
	font-family: 'Gilroy','Product Sans','Arial'!important;
}

.loginbox {
    margin: auto;
    width: 60%;
    text-align: center;
    background: #2b2b2b;
    padding: 50px 20px;
    border-radius: 10px;
    box-shadow: 0px 5px 5px rgb(0 0 0 / 7%);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFF;
}

.loginbox .text1 {
    padding: 20px 10px;
    border: 0;
    background: #222222;
    margin: 5px;
    outline: none;
    border-radius: 4px;
    width: 60%;
    color: #6b6b6b;
}

.loginbox .login {
    background: #fffd00;
    padding: 20px;
    width: 60%;
    border: 0;
    border-radius: 4px;
    color: #1a1a1a;
    font-weight: bold;
    margin: 20px auto 0;
    font-size: 20px;
}

.loginbox .title {
    width: 60%;
    text-align: left;
    margin: auto;
    font-size: 25px;
}

.loginbox .stitle {
    width: 60%;
    font-size: 10px;
    text-align: left;
    margin: 0px auto 20px;
    color: #9c9c9c;
}

.separator {
    display: flex;
    align-items: center;
    text-align: center;
	color: #CCC;
}
.separator::before, .separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #CCC;
	position: relative;
    top: 2px;
}
.separator::before {
    margin-right: .25em;
}
.separator::after {
    margin-left: .25em;
}