*{

    margin:0;
    
    padding:0;
    
    box-sizing:border-box;
    
    }
    
    html{
    
    scroll-behavior:smooth;
    
    }
    
    body{
    
    font-family:'Inter',sans-serif;
    
    background:var(--background);
    
    color:var(--text);

    padding-top:80px;
    
    }
    
    img{
    
    display:block;
    
    max-width:100%;
    
    }
    
    a{
    
    text-decoration:none;
    
    color:inherit;
    
    }
    
    button{
    
    font-family:inherit;
    
    cursor:pointer;
    
    }
    

    .container{

        max-width:1200px;
        
        margin:auto;
        
        padding:0 24px;
        
        }
        
        .section{
        
        padding:100px 0;
        
        }

        @media (max-width: 992px){

            .hero{
        
                grid-template-columns:1fr;
        
                text-align:center;
        
                padding:56px 20px;
        
            }
        
            .hero-image{
        
                order:-1;
        
            }
        
        }