challenge-landing-page-naian-felix/assets/styles/main.css

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

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

body {
    font-family: 'Inter', sans-serif;
    color: #000000;
}

.page-header {
    display: flex;
    justify-content: center;
    background-color: #000000;


}
 .header-logo {
    display: block;
    padding: 30px 0;
    max-width: 226px;
    width: 100%;
 }

 .main-banner {
    width: 100%;
}

 @media screen and (max-width: 768px) {
    .header-logo {
        padding: 24px 0 33px;
    }

    .main-banner {
        content: url('../image/main-banner-mobile.png');
    }      
}