*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    font-family:Arial, Helvetica, sans-serif;

    background:#0d1117;

    color:white;

    line-height:1.6;

}

header{

    text-align:center;

    padding:80px 20px 50px;

}

.logo{

    width:180px;

    margin-bottom:30px;

}

h1{

    font-size:3rem;

    letter-spacing:2px;

    margin-bottom:10px;

}

.tagline{

    color:#b8c1cc;

    font-size:1.2rem;

}

section{

    max-width:900px;

    margin:auto;

    padding:70px 30px;

}

section h2{

    font-size:2rem;

    margin-bottom:20px;

}

section p{

    font-size:1.1rem;

    color:#d4d8dd;

}

.social{

    margin-top:25px;

}

.social a{

    display:inline-block;

    margin-right:18px;

    color:#7bc6ff;

    text-decoration:none;

    font-weight:bold;

}

.social a:hover{

    text-decoration:underline;

}

footer{

    border-top:1px solid #333;

    margin-top:60px;

    padding:30px;

    text-align:center;

    color:#888;

    font-size:.9rem;

}