@font-face {
    font-family: Lato;
    src: url("Lato-Regular.ttf");
}

body {
    background-color: #EEEEEE;
    font-family: Lato, monospace;
}

h1 {
    color: #E39774;
}

h2 {
    color: #5C9EAD;
}

div {
    color: #326273;
}

img {
    border-radius: 15%;
    padding-top: 10px;
    width: 80%;
}

.container {
    display: flex;
    overflow: auto;
}

.left {
    position: sticky;
    align-self: flex-start;
    top: 0;
    width: 20%;
    text-align: center;
}

.right {
    background-color: white;
    padding-left: 10px;
    width: 80%;
}

.github {
    background-image: url("github-mark.svg");
    background-size:contain;
    background-repeat:no-repeat;
    padding-left: 2em;
}

.mail {
    background-image: url("email.svg");
    background-size:contain;
    background-repeat:no-repeat;
    padding-left: 2em;
}

.linkedin {
    background-image: url("LI-In-Bug.png");
    background-size:contain;
    background-repeat:no-repeat;
    padding-left: 2em;
}