* {
  margin:0;
  padding:0;
  font-family:sans-serif;
  color:#181818;
}

.container {
  max-width: 800px;
  margin: 0 auto;
  padding: 100px 40px 0px;
}

h1  {
  font-size:1.8em;  
  /* font-weight:bolder; */
  margin-bottom: 50px;
  font-weight: 400;
  /* text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; */
}

.role {
  font-size:1.5em; 
}

.subtitle {
  margin-bottom: 5px;
  color: #696969;
  font-size: 1em;
}

.sec {
  margin: 0px 0px 30px 0px;
}

a {
  text-decoration: none;
  /* font-weight:600; */
  font-weight: 400;
  color:#181818;
  font-size:1.1em;
  margin-right: 20px;
  color: #4285f4
  /* border-bottom: 2px solid #4285f4; */
}

a:hover {
  opacity:0.5;
}

#links {
  margin-top: 50px;
}

@media only screen and (max-width: 450px) {
  #links a {
    display: block;
    margin-bottom: 15px;
  }
}