html {
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
}
head {
    display: flex;
}
header {
    max-height: 84px;
    background-color: rgb(72, 4, 78);
    color: rgb(255, 255, 255);
    top: 0;
    left: 0;
    margin: 0;
    padding: 15px;
    font-size: 1.875rem;
    text-align: center;
    z-index: 2;
}
body {
    background-color: rgb(13, 17, 23);
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    min-height: 100vh; 
    background-attachment: fixed;
    z-index: 0;
}
footer {    
    background-color: rgb(72, 4, 78);
    bottom: 0;
    left: 0;
    padding: 0;
    text-align: center;
    z-index: 1;
}
section {
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
    margin-top: 15%;
    margin-bottom: 0;
    margin-left: 20%;
    margin-right: 20%;
}
article {
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
}
nav {
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
}
p {
    color: rgb(255, 255, 255);
    font-size: 1rem;
}
h1 {
    color: rgb(255, 255, 255);
    font-size: 4rem;
    margin: 0;
    padding: 0;
}
h2 {
    color: rgb(255, 255, 255);
    font-size: 1.875rem;
    margin: 0;
    padding: 0;
}

a.link {color: rgb(255, 255, 255);}
a.link:link  {text-decoration: none; color: rgb(255, 255, 255);}
a.link:visited {text-decoration: none; color: rgb(255, 255, 255);}
a.link:hover {text-decoration: underline; color: rgb(255, 165, 0);}
a.link:active {text-decoration: none; color: rgb(255, 165, 0);}

a.linkGitHub {color: rgb(255, 255, 255);}
a.linkGitHub:link  {text-decoration: none; color: rgb(255, 255, 255);}
a.linkGitHub:visited {text-decoration: none; color: rgb(255, 255, 255);}
a.linkGitHub:hover {text-decoration: underline; color: rgb(15, 191, 62);}
a.linkGitHub:active {text-decoration: none; color: rgb(15, 191, 62);}

a.linkLinkedIn {color: rgb(255, 255, 255);}
a.linkLinkedIn:link  {text-decoration: none; color: rgb(255, 255, 255);}
a.linkLinkedIn:visited {text-decoration: none; color: rgb(255, 255, 255);}
a.linkLinkedIn:hover {text-decoration: underline; color: rgb(0, 114, 177);}
a.linkLinkedIn:active {text-decoration: none; color: rgb(0, 114, 177);}

.sticky {position: sticky; top: 0;}
.centered {
    display: block;
    justify-content: center;
    align-items: center;
}
.centeredText {
    text-align: center;
}
.exclimation {
    color: rgb(125, 27, 134);
}