4/block2/Sports

5/grid2/Games

Our website uses cookies to enhance your experience. Learn More

block1/News

6/grid1/Tech

5/col-left/Gadgets

4/list1/Laptop

4/sidebar/Lifestyle

video/recent

Design by - Blogger Templates | Distributed by BloggerTemplate.org

/* Reset default styles */ * { margin: 0; padding: 0; box-sizing: border-box; } /* Add some basic styling to the body */ body { font-family: Arial, sans-serif; background-color: #f2f2f2; color: #333; } /* Style the age calculator container */ .age-calculator { width: 500px; margin: 20px auto; background-color: #fff; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); overflow: hidden; } /* Style the age calculator header */ .age-calculator__header { background-color: #00b8d4; color: #fff; padding: 20px; text-align: center; } /* Style the age calculator title */ .age-calculator__title { font-size: 24px; font-weight: bold; margin-bottom: 10px; } /* Style the age calculator subtitle */ .age-calculator__subtitle { font-size: 16px; font-weight: normal; } /* Style the age calculator form */ .age-calculator__form { padding: 20px; } /* Style the age calculator form input fields */ .age-calculator__form input[type="text"], .age-calculator__form input[type="date"] { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; margin-bottom: 10px; box-sizing: border-box; } /* Style the age calculator form input fields when they have focus */ .age-calculator__form input[type="text"]:focus, .age-calculator__form input[type="date"]:focus { border: 1px solid #00b8d4; outline: none; } /* Style the age calculator form button */ .age-calculator__form button { width: 100%; background-color: #00b8d4; color: #fff; padding: 12px; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; } /* Style the age calculator form button when it is disabled */ .age-calculator__form button[disabled] { background-color: #ccc; cursor: not-allowed; } /* Style the age calculator result */ .age-calculator__result { padding: 20px; text-align: center; } /* Style the age calculator result title */ .age-calculator__result-title { font-size: 24px; font-weight: bold; margin-bottom: 10px; } /* Style the age calculator result