body {
    background-color: rgba(12, 17, 33, 1.00);
    color: rgba(204, 204, 204, 1.00);
    width: 97vw;
    height: 97vh;
    margin: 0;
}

a:link {
    color: rgba(204, 204, 204, 1.00);
    text-decoration: none;
}

a:visited {
    color: rgba(204, 204, 204, 1.00);
}

a:hover {
    color: rgba(12, 17, 33, 1.00);
    background-color: rgba(244, 255, 255, 0.55);
}

.vertical {
    margin-top: 11px;
    margin-bottom: 0px;
    float: left;
}

.semicolon {
    display: inline-block;
}

.richard {
    display: inline-block;
}

.h1Shared {
    font-family: 'Consolas', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'Monaco', 'Courier New', 'monospace';
    font-size: 60px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    position: relative;
    float: left;
}

.h1S {
    color: rgba(170, 116, 255, 1.00);
    margin-left: 20%;
}

.h1E {
    color: rgba(95, 211, 188, 1.00);
}

.h1e {
    color: rgba(204, 204, 204, 1.00);
}

.h2 {
    font-family: 'Consolas', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'Monaco', 'Courier New', 'monospace';
    font-size: 70px;
    color: rgba(232, 166, 66, 1.00);
    margin-left: 30%;
    position: relative;
}

.title-h1 {
    text-align: center;
    height: 9%;
}

.p1Shared {
    position: relative;
    font-size: 40px;
    font-weight: bold;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 10px;
}

.comments {
    color: rgba(76, 175, 60, 1.00);
    font-family: "Consolas", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Monaco", "Courier New", "monospace";
    font-size: 20px;
    height: 5%;
    margin-left: 10%;
    width: 90%;
}

.column0 {
    text-align: center;
    height: 15%;
}

.column1 {
    margin-top: 2%;
    margin-left: 10%;
    position: relative;
    display: inline-block;
    width: 90%;
    height: 52%;
    font-size: 40px;
    color: rgba(159, 159, 159, 1.00);
    font-family: "Consolas", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Monaco", "Courier New", "monospace";
    text-align: center;
}

.pColumn1 {
    float: left;
    margin-top: 0%;
}

.navigation-index {
    float: left;
    margin-top: 5%;
    text-align: left;
}

.p1Shared {
    color: rgba(204, 204, 204, 1.00);
}

.column2 {
    position: relative;
    float: left;
    height: 400px;
    text-align: center;
    margin-left: 17%;
}

.Column2-Portrait1 {
    position: relative;
    float: left;
    margin-top: 200px;
}

.Column2-Portrait2 {
    position: relative;
    float: left;
    width: 50px;
}

.pCopyright {
    color: rgba(159, 159, 159, 1.00);
    font-family: "Consolas", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Monaco", "Courier New", "monospace";
    text-align: center;
    margin-top: 2%;
}

.userIcon {
    width: 25vw;
}

.profileImageContainer {
    width: 50%;
    float: left;
}

.profileSpan {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.contentTab {
    width: 80%;
    font-family: "Consolas", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Monaco", "Courier New", "monospace";
    font-size: 20px;
}

.contentTitle {
    font-family: "Consolas", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Monaco", "Courier New", "monospace";
    font-size: 60px;
}

.homeButton {
    font-family: "Consolas", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Monaco", "Courier New", "monospace";
    text-align: center;
    margin-bottom: 5%;
}

a:link.projectLink {
    color: rgb(133, 53, 53);
    text-decoration: none;
}

a:visited.projectLink {
    color: rgb(122, 22, 22);
}

a:hover.projectLink {
    color: rgba(12, 17, 33, 1.00);
    background-color: rgba(244, 255, 255, 0.55);
}

.projectContent {
    margin-left: 2%;
}

.resumeContent {
    width: 100%;
    text-align: center;
}

a:link.resumeLink {
    color: rgb(133, 53, 53);
    text-decoration: none;
}

a:visited.resumeLink {
    color: rgb(122, 22, 22);
}

a:hover.resumeLink {
    color: rgba(12, 17, 33, 1.00);
    background-color: rgba(244, 255, 255, 0.55);
}

.contactTab {
    width: 100%;
    text-align: center;
}