* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

@font-face {
    font-family: 'Gilroy';
    src: 
    url('../assets/fonts/gilroy-bold.woff') format('opentype'),
    url('../assets/fonts/gilroy-bold.woff2') format('opentype'),
    url('../assets/fonts/gilroy-extrabold.woff') format('opentype'),
    url('../assets/fonts/gilroy-extrabold.woff2') format('opentype'),
    url('../assets/fonts/gilroy-medium.woff') format('opentype'),
    url('../assets/fonts/gilroy-medium.woff2') format('opentype'),
    url('../assets/fonts/gilroy-regular.woff') format('opentype'),
    url('../assets/fonts/gilroy-regular.woff2') format('opentype'),
    url('../assets/fonts/gilroy-semibold.woff') format('opentype'),
    url('../assets/fonts/gilroy-semibold.woff2') format('opentype');
}

:root {
    font-family: 'Gilroy';
    --white-color: #ffffff;
    --yellow-a-color: #ffed38;
    --green-color: #00EBA9;
}

button:hover {
    cursor: pointer;
}