* 
{margin: 0; padding: 0;}
body 
{
  background: url(https://images.unsplash.com/photo-1471877325906-aee7c2240b5f?ixlib=rb-0.3.5&q=50&fm=jpg&crop=entropy&cs=srgb&s=13189c3…) no-repeat center center fixed;
  background-size: cover;
  padding: 10px;
  /*font-family: Lato; */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 24px;
  color: white;
}
.content {
  max-width: 1024px;
  margin: 0 auto;
}

h1, h2, h3, h4, h5, h6
{
  margin: 10px 0 10px;
  text-shadow: 2px 2px 5px #aaa;
  text-align: center;
}

p {
  margin: 10px 0 10px;
}

a {
  text-decoration: none;
  text-shadow: 2px 2px 5px #aaa;
  color: #ccc;
}

header {
    text-align: center;
}
a:hover {    
text-decoration: underline;
}

img.profile {
display:inline-block;
margin: 0 auto;
border-radius: 50%;
border: 6px solid #E7E7E7;
height: 120px;
}

img.profile:hover {
  border-color: #0066ff;
  cursor: pointer;
}
.about .links {
  list-style-type: none;
}
.click-counter {
  position: absolute;
  display:inline-block;
  width: 100px; 
  height: 120px;
}

.content {
  width: 100%;
  overflow: hidden;
}

.about.profile > .links {
  width: 49%;
  padding: 5px;
  margin: 0 auto;
}

.about.profile > .links.articles li { 
    border-radius: 5px;
    background-color: #ededed;
    border: 1px outset #ccc;
    margin-bottom:9px;
}
.about.profile > .links.articles li:after {
    content: "";
    display: block;
    border-bottom: 2px solid #d2d2d2;
}
.about.profile > .links.articles li:hover { 
    background-color: #f2f2f2;
    border: 1px inset #ccc;
}
.about.profile > .links.articles li:hover:after {
    content: "";
    display: block;
    border-bottom: 2px solid white;
    border-radius: 5px;
}
.about.profile > .links.articles li a {
    padding: 10px;
    display: block;
    text-decoration: none;
}
.about.profile > .links.articles li a:hover {
    text-shadow: none;
}


.about.profile > .links.articles li, .about.profile > .links.articles p {
  font-size: 16px;
}

.employment {
  margin-bottom: 1.5rem;
}

.video_wrapper {
    text-align: center;
    padding: 20px;
}

.video_wrapper iframe {
    border: 5px solid black;
    border-radius: 5px;
}

#notsmartforcode {
    display:block; 
    margin: 0 auto; 
    width: 566px; 
    height: 240px; 
    border: 2px solid black; 
    border-radius: 5px;
}

article#interview {
    display: none;
    margin-top: 100px;
}

article#interview h1, p {
    margin-bottom: 30px;
}
article#interview h1 {
    text-align: center;
}

h2#frens {margin-top: 30px;}


.site-logo svg {
    width: 130px; 
    position: relative; 
    top: 15px;
}

#sem-infographic {
    border: 1px solid #ccc; display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.links {margin-bottom: 20px;}