* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 100%;
    height: 100%;
}

body {
font-family: Arial, sans-serif;
margin: 0;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: space-between;
/* align-items:center; */
background: #fff;
color: #6a6a6a;
/* text-align: center; */
}

.container {
max-width: 600px;
/* padding: 20px; */
padding: 4rem 0 0 4rem;
}

h1 {
font-style: italic;
/* font-size: 2.5rem; */
margin-bottom: 0.5rem;
}

p {
font-size: 1.1rem;
opacity: 0.8;
}

.link-box {
display: flex;
flex-direction: column;
justify-content: left;
align-items: left;
text-align: left;
}

.link-box a {
    color: #6a6a6a;
    /* font-size: 1.1rem; */
    text-decoration: none;
}

.link-box a:hover {
    background-color: #f6f6f6;
}

footer {
    font-size: .7rem;
    padding: 2rem;
    /* background-color: #496849; */
    /* color: white; */
    margin-top: auto;
    text-align: center;
}