html, body {
    background-color: grey;
    font-family: verdana,arial,helvetica,sans-serif;
/*    font-size: 14px;*/
    color: black;
  }

#namebox {
    margin: 0;

    /* This auto-centers the item
       top/left move top and left halfway across screen
       transform moves back half item width */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

/*    border: 1px solid;
    border-color: red; */
}

p {
    margin: 0;
}

#my-video {
    margin-bottom: 12pt;
}

#name {
    text-align: center;
    font-size: 30pt;
    font-size: 2.5em;
    font-weight: bold;
    white-space: nowrap;
}

#job {
    text-align: center;
    font-size: 18pt;
    font-size: 1.5em;
    font-weight: bold;
}

#contact {
    text-align: center;
    font-size: 15pt;
    font-size: 1.25em;
    font-weight: bold;
    margin-top: 12pt;
}

#email {
    display: block;
    margin: 12pt auto;
    border: 2px solid grey;
    cursor: pointer;
}

#email:hover {
    border-color: DarkGrey DimGrey DimGrey DarkGrey;
}

#email:active {
    border-color: DimGrey DarkGrey DarkGrey DimGrey;
}

#phone {
    display: block;
    margin: 12pt auto;
    border: 2px solid grey;
    cursor: pointer;
}

#phone:hover {
    border-color: DarkGrey DimGrey DimGrey DarkGrey;
}

#phone:active {
    border-color: DimGrey DarkGrey DarkGrey DimGrey;
}