:root {
    --darker: #18122B;
    --dark: #2D2642;
    --dark-shadow: #18122BAA;
    --cream: #F8EAD7;
    --dark-border: #443C68;
    --dark-hover: #443C68AA;
    --light: #A78295;
    --light-shadow: #87677FAA;
    --light-border: #87677F;
    --code: #fd6ca6;
  }
  

body {
    margin: 0;
    color: var(--cream);
    background: var(--dark);
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
header {
    display: flex;
    padding: 5px 15px;  
    justify-content: space-between;
    align-items: center;
}

header #links {
    display: flex;
    justify-content: space-around;
    width: 500px;
}
header a {
    text-decoration: none;
}

a {
    text-decoration: underline dashed;
    color: lightgreen;
}

section#about {
    text-align: center;
    padding: 30px;
}
article {
    position: absolute;
    bottom: 30px;
    width: 100%;
    display: flex;
    justify-content: space-around;
    gap: 50px;
    align-items: center;
}

div.sortedcolumn {
    display: flex;
    flex-direction: column;
    align-items: center;
}