html, body{
    height:100%;
    margin:0;
}

html {
    scroll-behavior: smooth;
    background-color: #1F262A;
}

body {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    color: #AAA9AD;
    min-height:100vh;
   
}

h1 {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 50px;
}
a{
    color: #AAA9AD;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
} 
hr{
    width:40vw
}
section {
    width: 60%;
    margin: 80px auto;
    min-height: 50vh;
    flex:1;
}
table{
    text-align: center;
    height: 10vh;
    background-color: #2A3439;
}

.width100{
    width: 100%;
    table-layout:fixed;
    font-size: 35px;
    
}


#blogSection{
    width:50%;
    
}

.credits{
    text-align:center;
    width:100vw;
}