/* cyrillic */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: local('Exo 2'), local('Exo2-Regular'), url(https://fonts.gstatic.com/s/exo2/v3/pEbpp8gu02JrI5SDG9jj6g.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: local('Exo 2'), local('Exo2-Regular'), url(https://fonts.gstatic.com/s/exo2/v3/sZoRRDfBcJL9e6dHdMU_Tg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: local('Exo 2'), local('Exo2-Regular'), url(https://fonts.gstatic.com/s/exo2/v3/-A4eIjQkAwKL411pgtQ4VA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}


body {
  height: 100vh;
  overflow: hidden;
  font-family: 'Exo 2';
  text-shadow: 1px 1px 2px rgba(0,0,0,0.6);

background: rgb(125,126,125); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

    #particles-js {
        height: 100vh;
    }

    .center-container {
        border-radius: 16px;
        background-color: #00000044;
        padding: 10px;
        width: 80vw;
        height: 650px;

        left:0; right:0;
        top:0; bottom:0;
        margin:auto;

        max-width:100%;
        max-height:100%;
        overflow:auto;

    }
    .container-text {
        text-align: center;
        color: #ffe500;
        font-size: 42px;
	font-weight: bold;
        line-height: 20px;
        margin-bottom: 0px;
    }

    .container-text-small {
        text-align: center;
        color: #ffe500;
        font-size: 20px;

    }

    .container-description {
        text-align: center;
        color: #ffffff;
        font-size: 16px;
    }
    .container-description a {
        color: #fff5a5;
	text-decoration: none;
	display: inline-block;
	margin: 0px 6px 0px 6px;
    }

    .container-description a i {
	color: #ffffff;
	font-size: 20px;
	transform: translate(0,2px);
    }

    .projects-title {
        color: #becbe0;
	color: #ffffff;
        font-size: 20px;
	margin-bottom: 8px;
    }

    .projects {
	text-align: center;
    }

    .projects a {
	color: #fff5a5;
	text-decoration: none;
    }

::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: #333;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb {
  background: #666;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #555;
}