.terminal{
	background-color: black;
}

.terminal span{
	color: orange;
	font-style: bold;
}

.terminal-grid{
	display: grid;
	grid-template-columns: 50% 50%;
}

.terminal-grid-left{
	grid-row: 1/2;
	grid-column: 1/2;
	padding: 10%;
}

.terminal-grid-right{
	grid-row: 1/2;
	grid-column: 2/3;
}

.terminal-grid-right p{
	text-align: left;
}

#game{
    width: 100%;
    height: 200px;
    margin: auto;
}

#character{
    width: 20px;
    height: 50px;
    background-color: red;
    position: relative;
    top: 150px;
}

.animate{
    animation: jump 0.3s linear;
}

@keyframes jump {
    0%{top: 150px;}
    30%{top: 100px;}
    70%{top: 100px;}
    100%{top: 150px;}
}

#block{
    width: 20px;
    height: 20px;
    background-color: blue;
    position: relative;
    top: 130px;
    left: 500px;
    animation: block 1s infinite linear;
}

@keyframes block {
    0%{
        left: 500px
    }
    100%{
        left: -20px
    }
}