html{
    cursor: crosshair;
    background-image: url("data/image/bg/bg_bars.gif");
    display: flex;
    justify-content: center;
}

.welcome{
    position: absolute;
    left: 250px;
    top: -100px;
    align-self: center;
    align-items: center;
    font-family: monospace;
    font-size: 8em;
    color: aliceblue;
    letter-spacing:8px;
    text-align: center;
    animation:jitter 3s steps(1,end) infinite;
    text-shadow:2px 2px 0px #000000;
    border-image: url("data/image/ants.gif") 1 repeat;
    cursor: crosshair;

}

.portrait{
    float: left;
    width: 250px;
    height: 250px;
    margin-top: -20px;
    margin-left: -40px;
    margin-bottom: -15px;
    margin-right: -15px;



}

.upd8{
    color: aliceblue;
    font-family: monospace;
    font-size: 1.2em;
    text-align: center;
    margin: 20px;
    position: absolute;
    left: 230px;
    top: 280px;
    font-size: 20px;
    margin-top: 215px;
    background-color: rgba(0, 0, 0, 0.5);
    border: 2px dashed #ccc;
    cursor: crosshair;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 0px;

}

.content{
    color: aliceblue;
    font-family: monospace;
    font-size: 1.2em;
    text-align: left;
    margin: 20px;
    position: absolute;
    left: 230px;
    top: -100px;
    font-size: 20px;
    width: 400px;
    margin-top: 215px;
    background-color: rgba(0, 0, 0, 0.5);
    border: 2px dashed #ccc;
    cursor: crosshair;
    padding: 20px;
    padding-top: 0px;

}


@keyframes jitter
		{
		0%	{ transform: skew(-7deg) translate(0px, 0px) scalex(1) scaley(1.03) rotate(0deg);}
		10%	{ transform: skew(0.3deg) translate(-1px, 0px) scalex(1.07) scaley(1) rotate(0deg); }
		20%	{ transform: skew(2deg) translate(3px, 0px) scalex(1) scaley(1) rotate(0deg); }
		30%	{ transform: skew(0deg) translate(0px, 2px) scalex(1.08) scaley(1) rotate(0deg); }
		40%	{ transform: skew(-0.5deg) translate(1px, -5px) scalex(1) scaley(1.004) rotate(0deg); }
		50%	{ transform: skew(-0.5deg) translate(0px, 0px) scalex(1.1) scaley(1) rotate(0deg); }
		60%	{ transform: skew(0deg) translate(-3px, 0px) scalex(1) scaley(1) rotate(0deg); }
		70%	{ transform: skew(0.5deg) translate(-1px, -4px) scalex(0.95) scaley(1) rotate(0deg); }
		80%	{ transform: skew(3deg) translate(3px, 0px) scalex(1) scaley(1.03) rotate(0deg); }
		90%	{ transform: skew(1deg) translate(0px, 0px) scalex(1.08) scaley(1) rotate(0deg); }
		100%	{ transform: skew(-0.5deg) translate(1px, 5px) scalex(1) scaley(1.12) rotate(0deg); }
		}