:root {
            --back: #ff8ec9 ;
            --block: #fe3190;
            --text: white;
            --hov: #ffbadc;
        }
        
        html {
            scroll-behavior: smooth;
        }
        
        body {
            background: var(--back);
            margin: 0;
        }
        
        h1, h2, h3, h4, p, a, span, li {
            color: var(--text);
            font-family: "Work Sans", sans-serif;
        }
        
        h1, h2, h3, h4 {
            margin: 20px 0 0;
        }
        
        h1 {
            font-size: 36px;
        }
        
        h2 {
            font-size: 28px;
        }
        
        a {
            text-decoration: none;
        }
        
        hr {
            width: 100%;
            border: 1px solid var(--text);
            margin-top: 50px;
        }
        
        @media (max-width: 1200px) {
            h1, h2, h3, h4 {
                margin: 10px 0;
            }
            
            h1 {
                font-size: 32px;
            }
            
            h2 {
                font-size: 24px;
            }
        }
        
        @media (max-width: 768px) {
            h1 {
                font-size: 28px;
            }
            
            h2 {
                font-size: 22px;
            }
        }