/* Theme from yk-liu.github.io-theme-for-fork (home) - no moon bg */
html{ line-height:1.15; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; width:100%; overflow-x:hidden; }
body{ margin:0; padding:0; font-size:100%; line-height:1.5; color:#555; font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif; width:100%; }
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{ display:block }
h1{ font-size:2em; margin:.67em 0 }
a{ background-color:transparent; -webkit-text-decoration-skip:objects }
div.lower a{ color: #42b983; font-weight: 600; padding: 0px 2px; }
div.lower ul,ol,dl{ font-size:large }
h1,h2,h3,h4,strong{ margin-top:1em; padding-top:1em; line-height:1.25; color:#333 }
h1{ font-size:2.5rem }
h2{ font-size:2rem }
h3{ font-size:1.5rem }
h4{ font-size:1rem }
ol,ul{ padding-left:40px; font-size:large }
figure,ol,p,ul{ margin:1em 0 }
code,tt{ margin:0 2px; padding:2px 4px; font-size:0.92rem; background-color:#eee; border-radius:4px; font-family:'Source Sans Pro',sans-serif }

@keyframes pulse{
    0%,100%{ opacity:.4; top:0 }
    50%{ opacity:1; top:-10px }
}
#particles-js{
    font-family:'Montserrat',sans-serif;
    background:#1a222c;
    position:relative;
    display:block;
    width:100vw;
    min-height:100vh;
    left:50%;
    right:50%;
    margin-left:-50vw;
    margin-right:-50vw;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
}
#particles-js .particles-js-canvas-el{
    width:100%!important;
    height:100%!important;
    position:absolute!important;
    top:0!important;
    left:0!important;
    z-index:1;
}
#particles-js #matrix-rain{ z-index:0 }
.header{
    z-index:2;
    text-align:center;
    color:white;
    position:absolute;
    top:50%;
    left:50%;
    margin:0 auto;
    transform:translate(-50%,-50%);
}
.header .site-title{ font-size:50px; display:block; line-height:1; color:white }
@media (min-width:550px){ .header .site-title{ margin:0; font-size:100px } }
.header .site-description{ font-size:20px; display:block; line-height:1; color:white; margin-top:10px }
@media (min-width:550px){ .header .site-description{ font-size:40px } }
.header-links{ margin:10px }
.header-links .link{ color:white; text-decoration:none; font-size:15px; margin:10px }
@media (min-width:550px){ .header-links .link{ font-size:20px } }
.down{
    position:absolute;
    bottom:25px;
    width:100%;
    margin:0 auto;
    display:block;
    font-size:30px;
    cursor:pointer;
    color:white;
    text-align:center;
    z-index:2;
}
.down .icon{
    position:absolute;
    top:50%; left:50%;
    transform:translate(-50%,-50%);
    animation:pulse 1.3s infinite;
}
#about{ width:95%; margin:0 auto; }
@media (min-width:550px){ #about{ width:90% } }
.lower{
    text-align:center;
    font-size:1.2rem;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
    max-width:960px;
    margin:0 auto;
}
.lower .content-block{ text-align:left; flex:1 1 300px; margin:1rem; min-width:0; }
@media (max-width:500px){ .lower{ font-size:1rem } .lower .content-block{ width:100% } }