body{
    background-color:#1D1D1D;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 300;
    color:#d4d4d4;
    scroll-behavior: smooth;
}

h1{
    font-size:70px;
    font-weight: 100;
}
h1 b{
    font-weight: 300;
}
b{
    font-weight: 500;
}
a{
    color:#d4d4d4;
    text-decoration: none;
    transition: all 0.2s ease;
}
a:hover{
    color:#FFF;
}

.text-box a{
    font-weight:400;
    transition: all 0.2s ease;
}
.text-box a:hover{
    color:#39a2ef;
}
.text-box .ion-left{
    font-size:28px;
    float:left;
    margin:0 4px 0 -35px;
}
.external-link{
    position:relative;
    top:-8px;
    left:0px;
    font-size:14px;
    font-weight: 500;
}

.social-box{
    font-size:18px;
}
.social-box .ion-left{
    float:left;
    margin-top:4px;
    margin-right:4px;
}

@media (max-width: 768px) {
    body{
        text-align:center;
    }
    .main{
        margin:50px 0;
    }
    .text-box .ion-left{
        float:none;
        margin:0;
    }
    .text-box .big{
        font-size:40px;
    }
    .social-box .ion-left{
        float:none;
    }
}