body {
    background-color: white;
}

a:link {
    text-decoration: none;
    color: black;
    font-weight: bold;
}

a:hover {
    cursor: default;
}

.anchor-after:hover {
    cursor: pointer !important;
}

a:visited {
    text-decoration: none;
    color: black;
    font-weight: bold;
}

.header {
    text-align: center;
    color: black;
	margin-bottom: 10px;
    font-family: 'IBM Plex Sans', sans-serif;
}

.header-trans {
    transition: transform 2s;
}

.header-after {
    transform: translate(0px, 0px);
}

.header-before {
    transform: translate(0px, 150px);
}

.delayed-trans {
    transition: opacity 2s;
    transition-delay: 2s;
}

.main-body {
    text-align: left;
    color: black;
    margin-bottom: 10px;
    font-family: 'Roboto Mono', monospace;
    margin-left: 80px;
    margin-right: 80px;
}

.main-body-after {
    opacity: 1;
}

.main-body-before {
    opacity: 0;
}

.profile-before {
    opacity: 0;
}

.profile-after {
    opacity: 1;
}

#profile-pic {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -10px;
}

#name {
    margin-bottom: -10px;
    margin-top: 8px;
}

#email {
    margin-top: 5px;
}

#github-mark {
    margin-bottom: 6px;
}

.icons {
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
}

.row {
    text-align: center;
    margin-top: -15px;
    margin-bottom: -10px;
}

.icon-before {
    opacity: 0;
}

.icon-after {
    opacity: 1;
}

.close {
    letter-spacing: -3px;
}

.cursor {
    animation: blink steps(2, start) 1s infinite;
    -webkit-animation: blink steps(2, start) 1s infinite;
    -moz-animation: blink steps(2, start) 1s infinite;
    -o-animation: blink steps(2, start) 1s infinite;
    -ms-animation: blink steps(2, start) 1s infinite;
    font-family: 'IBM Plex Sans', sans-serif;
    letter-spacing: 1px;
}

@keyframes blink {
    to { visibility : hidden }
}

@-webkit-keyframes blink {
    to { visibility : hidden }
}

@-moz-keyframes blink {
    to { visibility : hidden }
}

@-o-keyframes blink {
    to { visibility : hidden }
}

@-ms-keyframes blink {
    to { visibility : hidden }
}

p {
    text-align: left;
    color: black;
    margin-bottom: 10px;
    font-family: 'IBM Plex Sans', sans-serif;
    margin-left: 80px;
    margin-right: 80px; 
}

.container {
    position: relative;
    text-align: center;
    top: -300px;
    z-index: -1;
}