/* CSS Document */

html, body
{
  margin: 0;
  padding: 0;
  height: 100vh;
  width: 100vw;
  font: 10pt "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color: #333;
}
body {
  display: flex;
  white-space: nowrap;
}
#container {
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#portrait
{
  width: 30vh;
  height: 30vh;
  background: black url("/84c35a4cb075b6a2f874daafcd5895dfcb8826b7/annaklimova.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  -o-background-size: 100% 100%, auto;
  -moz-background-size: cover;
  -webkit-background-size: 100% 100%, auto;
  background-size: cover;
  border-radius: 50%;
}
li a {
  display: inline-block;
  width: 5vh;
  height: 5vh;
  margin: 0.5vh;
}
li a svg {
  fill: #CCC;
}
li a:hover svg.facebook {
  fill: #3B5998;
}
li a:hover svg.twitter {
  fill: #1DA1F2;
}
li a:hover svg.linkedin {
  fill: #1C87BD;
}
li a:hover svg.github {
  fill: #333;
}
h1
{
  margin: 0;
  padding: 3vh 0 0;
  font-size: 5vh;
  font-weight: normal;
}
h1 a {
  color: #333;
  text-decoration: none;
}
h2 {
  font-size: 2vh;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
ul {
  list-style: none;
  padding: 3vh 0 8vh;
  margin: 0;
}
li {
  padding: 0;
  margin: 0.5vh 0;
  display: inline-block;
}