body {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    margin-bottom: 100px;
    box-sizing: border-box;
    
}
.title {
    text-align: center;
    color: grey;
    font-size: 40px;
}
h1 {
    display: flex;
    justify-content: center;
    width: 80%;
}
.sidebarlinks {
    margin-left: 10px;
}
a {
    text-decoration: none;
    color: blue;
    
}
img {
    position: absolute;
    height: 400px;
    left: 35%;
}
ul {
    text-align: center;
    list-style: none;
}
pre {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    justify-content: center;
    display: flex;
}
div.text {
    width: 100%;
    justify-content: center;
    display: flex;
    word-wrap: break-word;
    flex-shrink: 0;
    flex-direction: column;
}
footer { 
    position: fixed; 
    bottom: 0; 
    left: 0; 
    text-align: center;
}
.container {
    display: flex;
    justify-content: center;
    align-items: center;
  }
.created {
    position: fixed; 
    bottom: 0; 
    right: 0; 
    text-align: right;
}