/* cyrillic-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wmhduz8A.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wkxduz8A.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wmxduz8A.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wlBduz8A.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wmBduz8A.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wmRduz8A.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wlxdu.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

 * {
     margin: 0;
     padding: 0;
     border: 0;
}
 body {
     min-width: 320px;
     min-height: 100vh;
     line-height: 1.0;
     word-wrap: break-word;
     overflow-x: hidden;
     background-color: #436DBF;
}


 h1 .li, h2 .li, h3 .li, p .li {
     display: list-item;
     padding-left: 0.5em;
     margin: 0.75em 0 0 1em;
}
 ul li{
     list-style: none;
     display:inline-block;
     margin: 0.75em 0 0 1em;
}
 p {
     color: rgba(255, 255, 255, 0.561);
     font-family: 'Source Sans Pro', sans-serif;
     font-display: auto;
     letter-spacing: -0.025rem;
     width: 100%;
     font-size: 1.25em;
     line-height: 1.75;
     font-weight: 200;
}
 .s {
     font-size: 1em;
}
 .m {
     font-size: 1.25em;
}
 .l {
     font-size: 1.55em;
}
 hr{
     border-top: solid 1px rgba(255, 255, 255, 0.141);
     margin: 3em 0 2em 0;
}
 a {
     text-decoration: underline;
     color: rgba(255, 255, 255, 0.561);
     font-family: 'Source Sans Pro', sans-serif;
     font-display: auto;
}
 a:hover {
     text-decoration: none;
}
 svg {
     fill: rgba(255, 255, 255, 0.561);
}
 svg:hover {
     fill: #fff;
}
 #container {
     margin: auto;
     padding-top: 3em;
     width: 33%;
     text-align: center;
     position: relative;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}


 .title {
     color: #FFFFFF;
     font-family: 'Source Sans Pro', sans-serif;
     font-display: swap;
     letter-spacing: -0.075rem;
     width: 100%;
     font-size: 3.25em;
     line-height: 1.5;
     font-weight: 200;
}
 .avatar {
     border-radius: 50%;
     position: relative;
     overflow: hidden;
     max-width: 100%;
     display: block;
     width: 9rem;
     margin: 1em auto;
}
 .title {
     letter-spacing: -0.05625rem;
     width: 100%;
     font-size: 3em;
     line-height: 1.5;
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}




@media only screen and (max-width: 768px) {
	 #container {
	     margin: auto;
	     padding-top: 3em;
	     width: 90%;
	     text-align: center;
	     position: relative;
	}
     hr {
          margin: 1em 0 1em 0;
     }



}