CSS Functions Example


            :root {
                --primary-color: #3498db; 
            }
            

            body {
                font-family: Arial, sans-serif;
            }
            

            .container {
                width: calc(100% - 50px); 
                margin: 20px;
                padding: 20px;
                background-color: rgb(34, 193, 195); 
            }
            

            .button {
                background-color: var(--primary-color); 
                padding: 10px 20px;
                color: white;
                text-align: center;
                cursor: pointer;
                border-radius: 5px;
            }
            

            .header {
                background-color: rgb(255, 223, 0);
                padding: 20px;
                color: white;
                text-align: center;
            }
            

            .move {
                transform: translate(50px, 100px); 
                padding: 10px;
                background-color: #e74c3c;
                color: white;
                text-align: center;
                margin-top: 20px;
            }