Bàn phím
-------------------------------------------------------------- * SPACING VARIABLES * * We are using a spacing inspired from frameworks like Tailwind CSS. * --------------------------------------------------------------------- */ --spacing-0-5: 0.2rem; /* 2px */ --spacing-1: 0.4rem; /* 4px */ --spacing-1-5: 0.6rem; /* 6px */ --spacing-2: 0.8rem; /* 8px */ --spacing-2-5: 1rem; /* 10px */ --spacing-3: 1.2rem; /* 12px */ --spacing-3-5: 1.4rem; /* 14px */ --spacing-4: 1.6rem; /* 16px */ --spacing-4-5: 1.8rem; /* 18px */ --spacing-5: 2rem; /* 20px */ --spacing-5-5: 2.2rem; /* 22px */ --spacing-6: 2.4rem; /* 24px */ --spacing-6-5: 2.6rem; /* 26px */ --spacing-7: 2.8rem; /* 28px */ --spacing-7-5: 3rem; /* 30px */ --spacing-8: 3.2rem; /* 32px */ --spacing-8-5: 3.4rem; /* 34px */ --spacing-9: 3.6rem; /* 36px */ --spacing-9-5: 3.8rem; /* 38px */ --spacing-10: 4rem; /* 40px */ --spacing-11: 4.4rem; /* 44px */ --spacing-12: 4.8rem; /* 48px */ --spacing-14: 5.6rem; /* 56px */ --spacing-16: 6.4rem; /* 64px */ --spacing-18: 7.2rem; /* 72px */ --spacing-20: 8rem; /* 80px */ --spacing-24: 9.6rem; /* 96px */ /* Container */ --container-padding: var(--spacing-3); --grid-gutter: var(--spacing-2); --shadow-l: 0px 2rem 4.8rem 0px rgba(51, 51, 51, 0.20); --navigation-width: 40rem; --swatch-xanh-duong: #232fff; --swatch-hong: #fe77f1; --swatch-den: #000000; --swatch-trang: #FFFFFF; } @media(max-width: 767px){ :root { --logo-width: 11.7rem; --header-height: 6.8rem } } body { display: grid; grid-template-rows: auto auto 1fr auto; grid-template-columns: 100%; min-height: 100%; margin: 0; font-size: var(--font-size-body); letter-spacing: -0.004em; line-height: calc( 20 / 14 ); font-family: var(--font-body-family); font-weight: var(--font-body-weight); background-color: var(--color-background-body); scroll-behavior: smooth; } .section { padding: var(--section-padding, 0); margin: var(--section-margin, 2rem 0 0 0); } @media(max-width: 975px){ .section { padding: var(--section-padding-mb,0); margin: var(--section-margin-mb, 2rem 0 0 0); } } 
