/*
Theme Name:     Child Theme
Description:    Make your modifications in this child theme.
Template:       waveme
Tags: 			custom-colors, editor-style, featured-images, translation-ready
*/
/* ===========================
   Oluwafemix Homepage
=========================== */

.ofm-home{
    background:#090909;
    color:#fff;
    min-height:100vh;
}

.hero{
    min-height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:40px;
    background:linear-gradient(
        135deg,
        #000000,
        #111111
    );
}

.hero-content{
    max-width:850px;
}

.hero-tag{
    color:#F4C430;
    font-size:18px;
    letter-spacing:3px;
    text-transform:uppercase;
}

.hero h1{
    font-size:72px;
    line-height:1.1;
    margin:25px 0;
    font-weight:800;
}

.hero h1 span{
    color:#F4C430;
}

.hero-text{
    font-size:22px;
    color:#cfcfcf;
    margin-bottom:40px;
}

.hero-buttons{
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
}

.btn-primary,
.btn-secondary{

    padding:16px 36px;

    border-radius:50px;

    text-decoration:none;

    font-weight:bold;

    transition:.3s;
}

.btn-primary{

    background:#F4C430;

    color:#000;
}

.btn-primary:hover{

    transform:translateY(-4px);
}

.btn-secondary{

    border:2px solid #F4C430;

    color:#fff;
}

.btn-secondary:hover{

    background:#F4C430;

    color:#000;
}