#Page {
    border: black 2px solid;
    height: 10vh;
    /*width: 50%;*/
    margin: 1em auto;
    padding: 1em;
    background-color: rgba(255,255,255,0.6);
}

#exp-container {
    border: black 1px solid;
    border-style: dashed;
    padding: 1em;
    text-align: right;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}

#innerExp {
    background-color: rgba(255,255,255,0.5);
    padding: 3em;
}

.exp:not(:last-child) {
    margin-bottom: 3em;
}

exp-title {
    margin-bottom: 0;
    font-weight: bold;
    font-size: 1.5em;
}

exp-title::after {
    content: "\a";
    white-space: pre;
}

exp-date {
    font-style: italic;
}

exp-date::after {
    content: "\a";
    white-space: pre;
}

#bio {
    border: black 1px solid;
    border-style: dashed;
    padding: 1em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}

#innerBio{
    background-color: rgba(255,255,255,0.5);
    padding: 3em;
}

#bio key {
    font-weight: bold;
}

#bio key::after {
    content: "  :  ";
    white-space: pre;
}


#bio entry:not(:last-child)::after {
    content: "\a\a";
    white-space: pre;
}

#contact img {
    width: 1em;
    margin-right: 0.5em;
    vertical-align: text-top;
}

#contact a {
    width: 1em;
    margin-right: 0.5em;
}

    #contact a:not(:last-child)::after {
        content: "\a\a";
        white-space: pre;
    }

#contact {
    border: black 1px solid;
    border-style: dashed;
    padding: 1em;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}

#innerContact {
    background-color: rgba(255,255,255,0.5);
    padding: 3em;
}


a {
    color: black;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

#body {
    background-image: url("img/220210a.png");
    background-size: contain;
    background-repeat:no-repeat;
    background-position: center;
}

h1 {
    margin-top: 0px;
}

#footer {
    position: absolute;
    bottom: 44px;/*meh*/
}


/*Scrollbar ===========================*/

/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb 
{
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover 
{
    background: #555;
}