@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap');

body{
    height: 100%;
    margin:0;
    text-align: center;
    font-family: 'Inconsolata', monospace;
    color:red;
    background-color: #000000;
    background-image: linear-gradient(to right, #000000 0%, #434343 74%);
}

p{
    font-size: larger;
    padding: 1rem;
}

.message{
    background-image: linear-gradient(to right, #000000 0%, #434343 74%);
    width:55%;
    margin: 0 auto;
}

.container{
    max-width: 80vw;
    margin: 0 auto;
    padding:.5rem;
}

input,button{
    display: block;
    padding:.4rem;
    box-shadow: 2px 2px 2px red;
    border-radius: .5rem;
    margin: 1rem auto;
    font-size: large;
}

.about-app{
    max-width: 500px;
    margin: 1.5rem auto;
}

button:hover{
    background-color: black;
    color: red;
}

table{
    border:1px solid red;
    margin:0 auto;
}

td,th{
    border:1px solid red;
    width:4rem;
}


li{
    display: inline;
    padding: 1rem;
}
a{
    text-decoration: none;
    color:black;
    padding: .4rem;
}

a:hover{
    background-color: black;
    color: red;
}
footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4em; 
    background-color: red;    
}