/* global */
@import url('https://fonts.googleapis.com/css?family=Roboto');

.grid-2{
    display: grid;
    grid-template-columns: repeat(2,1fr);
}


body{
    margin: 0;
    padding: 0;
    font-family: 'Inconsolata','Roboto';
    background-color: #cececd;
    color: #3b3a37;
}

h3 {
    font-size: 24px !important;
}

h2,.white{
    color: #0a0905;
}

a{
    color: #0a0905;
    text-decoration: none;
}

.ghost{
    display: none;
}


/* section 1 */
.section-1{
    padding-top: 5vh;
    text-align: center;
}

.section-1 p{
    font-size: 1.1rem;
    padding-bottom: 10px;
    margin:0;
}

.section-1 h2{
    font-size: 1.7rem;
    margin-bottom: 10px;
}

.section-1 a{
    padding: 10px;
}
/* section 2 */
.section-2{
    text-align: justify !important;
    line-height: 1.5;
    padding-top: 5vh;
    width: 70%;
}

.section-2 h2{
    font-size: 1.7rem;
    margin-bottom: 10px;
}

.section-2 p{
    font-size: 1.1rem;
    padding-bottom: 10px;
    margin:0;
}

.section-2 a{
    display: block;
    padding: 5px;
    font-size: 1.2rem;
    padding-left: 0;
    width: 100px;
}
/* animations / utilities */
.section-2 a:hover{
    font-size: 1.3rem;
    color: #1f569b;
    cursor: pointer;
    transition: 0.3s;
}

.section-1 a:hover{
    color: #1f569b;
    cursor: pointer;
    transition: 0.3s;
}

.white:hover{
    position: relative;
    padding-left: 10px;
}

/* media queres */
@media(max-width:780px){
    .grid-2{
        grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    }
    .section-1{
        display: none;
        padding:0;
        padding-top: 5rem;
    }
    .ghost {
        padding-left: 1.2rem;
        padding-top: 2rem;
        display: inline
    }
    .section-2{
        padding: 0;
        padding-left: 1.2rem;
        padding-top: 2rem;
    }
}

.gist{font-size:13px;line-height:18px;width:100%}
.gist pre{font-family:Menlo,Monaco,'Bitstream Vera Sans Mono','Courier New',monospace !important}
.gist-meta{ display:none;font-family:Arial,sans-serif;font-size:13px !important}
.gist-meta a{ display:none;font-size: 12px!important; color:#3b5998 !important;font-weight:bold;text-decoration:none}
.gist-meta a:hover{ display:none;text-decoration:underline}