/*
==============================================================================
About Page
==============================================================================
*/

.page-header{

    text-align:center;

    margin:50px 0;

}

.page-header h1{

    font-size:3rem;

    margin-bottom:15px;

}

.page-header p{

    color:#94A3B8;

}

.about-section{

    background:#1E293B;

    padding:30px;

    border-radius:18px;

    margin-bottom:30px;

}

.about-section h2{

    margin-bottom:20px;

    color:#38BDF8;

}

.about-section p{

    line-height:1.8;

    color:#CBD5E1;

}

.about-section ul{

    padding-left:20px;

}

.about-section li{

    margin-bottom:10px;

}

.tech-grid{

    display:flex;

    flex-wrap:wrap;

    gap:15px;

}

.tech-grid span{

    background:#2563EB;

    padding:10px 18px;

    border-radius:30px;

}

.social-links{

    display:flex;

    flex-wrap:wrap;

    gap:15px;

}

.social-links a{

    text-decoration:none;

    color:white;

    background:#2563EB;

    padding:12px 22px;

    border-radius:10px;

    transition:.25s;

}

.social-links a:hover{

    background:#1D4ED8;

}