$name-color: #002f65; body { display: flex; margin: 0; align-items: center; justify-content: center; height: 100vh; /* background-color: black; */ background-color: #1c1e1f; } .presentational-container { // padding: 20px; box-shadow: 2px 2px 10px 5px; background-color: #fff; } table { background: none; margin: 0; // padding: 10px 10px 0; border-width: 1px 0 0 0; border-style: solid; border-color: $name-color; padding-top: 10px; } td { padding-bottom: 3px; } .headshot-cell { position: relative; left: -12px; } td.headshot-cell a { text-decoration: none; } td.headshot-cell img { vertical-align: middle; width:120px; border-radius: 100%; // border-radius: 5px; margin-right: 5px; } #headshot-img { position: relative; left: -10px; } td.description-cell > table { background: none; padding-left: 0px; border: 0px; margin: 0; padding: 0; } td.full-name { font-weight: bold; // color: $name-color; font-size: 18px; font-family: Arial, Helvetica, sans-serif; } td.title { // padding-bottom: 10px; color: #333333; font-size: 14px; font-family: Arial, Helvetica, sans-serif; img { width: 5em; } } td.website { // padding-bottom: 10px; vertical-align: top; color: #333333; font-size: 14px; font-family: Arial, Helvetica, sans-serif; } td.website a { color: #4BAFDB; text-decoration: none; font-weight: normal; font-size: 14px; } td.social-icons { // padding-top: -75px; position: relative; top: -8px; } td.social-icons ul { list-style: none; padding: 0; margin: 0; height: 25px; } td.social-icons li { display: inline-block; padding-right: 9px; } td.social-icons a { text-decoration: none; } td.social-icons img { // width: 25px; height: 25px; // height: 1.5em; } #gitea-icon { height: 2em; position: relative; top: 3px; } #linkedin-icon { position: relative; left: -3px; }