ok

body {
	/*padding:0px;
	margin: 0px 0px 0px 0px;*/
	FONT-SIZE: 12pt;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
div#xatstyme {
	background:#0;
	color: #00;
	overflow: auto;
}
body {background:}

body{margin:0;font-family:'Roboto',sans-serif}
body{background:url('https://i.postimg.cc/zD0ftLYc/background.png')center/cover no-repeat;);-webkit-user-select:none;
}
#login-container {
background:url('https://i.postimg.cc/5tDYxdPp/rachelback.png')bottom -27px right no-repeat, url(http://webgeardarko.github.io/matrix.svg);
    height: 100vh;
}
#login-box {
    position: absolute;
    height:298px;
    width:400px;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    background-image: url(http://webgeardarko.github.io/background.svg);
    background-size:cover;
    border:2px solid #200;
    border-radius:10px;
}
#login-box #anti-logo {
    background-image: url(http://webgeardarko.github.io/antilogo.svg);
    background-size:cover;
    border-radius:360px;
    width:100px;
    height:100px;
    margin:25px auto;
}
#login-box #welcome {
    font-size:x-large;
    color:#AAA;
    text-align:center;
    margin-bottom:40px;
    text-transform:uppercase;
}
#login-box #content {
    font-size:12px;
    color:#AAA;
    text-align:center;
    margin-top:-30px;
    margin-bottom:20px;
    padding-left:5px;
    width:auto;
}
.Button {
    border: 1px solid #500;
    color: #fff;
}
.Button {
    -webkit-border-radius:1px;
    border-radius:1px;
    -webkit-box-shadow 0 2px 4px 0px rgba(0,0,0,.25): ;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -webkit-appearance: none;
    background-image: none;
    color: #FFFFFF;
    cursor: pointer;
    outline: none;
    overflow: hidden;
    position: relative;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
}
.Button{
    font-family: Roboto,arial,sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .21px;
    margin-left: 6px;
    margin-right: 6px;
    vertical-align: top;
    position:absolute;
    font-size: 13px;
    line-height: 36px;
    left:0;
    right:0;
    margin:auto;
    height:36px;
    width:200px;
}
.Button:hover {
    border: 1px solid #A00;
}
#deviant img{
    position:absolute;
    top:0;
    right:0;
    margin:8px;
}
#deviant img:hover{
    opacity:0.8;}
div#noowayfixed {
	z-index: 2147483647;
    position: fixed;
    bottom: 0;
    left: 0;
}
div#noowaymenu
{
	background-color:#009;
	background: linear-gradient(#000014, #000024, #00004e);
    border-radius: 0px 5px 0px 0px;
	display: none;
	FONT-SIZE: 12pt;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
div#noowayitems
{
	padding-top: 5px;
    padding-right: 0px;
    /*padding-bottom: 5px;*/
    padding-left: 0px;
    margin-left: 6px;
    line-height: 130%;
	color:#fff;
}
div#noowayitems > a
{
	color:#fff;
    text-decoration: none;
}
div#noowayitems > a:hover {
    text-decoration: underline;
}
<div id="xatstyme">
<div id="login-container">
<div id="login-box">
<a href="https://www.deviantart.com/mikedarko">
<div id="deviant"><img src="http://webgeardarko.github.io/devart.svg" height="40px/" /></a>
<div id="anti-logo"></div>
<div id="welcome">ANTI'S PROFILE</div>
<div id="content">I don't use xat that much. Feel free to contact me if needed. I can help with any <span style="color:#777;">css questions </span>or <span style="color:#777;">concerns.</span></div>
<a href="https://discordapp.com/users/329103792857677825/profile"><div class="Button">Discord - Anti#6666</div></a>
</div></div>
youtube here
</div>