@import url('https://fonts.googleapis.com/css2?family=DotGothic16&family=Roboto:ital,wght@0,400;0,900;1,900&display=swap');

body {
    background-color: black;
    color: yellowgreen;
    font-family: 'DotGothic16', sans-serif;
}

#main {
    display: grid;
    grid-template-columns: 2fr 10fr;
}

#log {
    display: grid;
    grid-template-rows: 85vh 15vh;
}

#logMessages{
    overflow: hidden;
}

a{
    color:aqua;
    text-decoration: line-through;
}

input {
    height: 2em;
    margin: 0;
    margin-left: 1em;
    background-color: black;
    color: yellowgreen;
    border: 0;
    outline: none;
}

p.infoMess {
    margin: 0;
    color: aliceblue;
}

p.userMess {
    margin:0;
    margin-left: 1em;
    color: greenyellow
}

p.errorMess {
    margin:0;
    color: red
}


#input {
    display: grid;
    grid-template-columns: .5em auto;
    align-content: center;
}

#input>p {
    margin: 0 auto;
}