/* ==========================
   GLOBAL LAYOUT
========================== */

html {
    scroll-behavior: smooth;
}

main {
    overflow-x: hidden;
}

/* ==========================
   GLOBAL SECTIONS
========================== */

.section {

    padding: 90px 0;

}

.section-header {

    max-width: 760px;

    margin: 0 auto 45px;

}

/* =====================================================
   SECTION SEPARATORS
===================================================== */

.projects-section,
.development-section{

    background:linear-gradient(
        180deg,
        rgba(255,255,255,.015),
        rgba(255,255,255,0)
    );

}

.section{

    position:relative;

}

.section::before{

    content:"";

    position:absolute;

    top:0;
    left:50%;

    transform:translateX(-50%);

    width:140px;
    height:1px;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.12),
        transparent
    );

}

.section-title i{

    margin-right:12px;

    color:var(--primary);

    font-size:.9em;

    vertical-align:middle;

}