* {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}

body {
    background-color: var(--gelo);
}

.button button {
    font: clamp(1.2rem, 1.35vw, 1.62rem) "Inter-ExtraBold", sans-serif;
    color: var(--branco);
    background-color: var(--amarelo);
    border: none;
    border-radius: 0.625rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.375rem;
    padding: 1.625rem 1.75rem;
    box-shadow: 5px 5px 5.5px rgba(0, 0, 0, 0.25);
    cursor: pointer;
}

.button button:hover {
    transform: scale(102%);
}

a#btn-wpp {
    text-decoration: none;
}

:root {
    --branco: #FFFFFF;
    --gelo: #E4E4E4;
    --amarelo: #EFC952;
    --cinza: #5F6163;
}

@font-face {
    font-family: Inter-SemiBold;
    src: url("../fonts/Inter_18pt-SemiBold.ttf") format("truetype");
}

@font-face {
    font-family: Inter-Bold;
    src: url("../fonts/Inter_18pt-Bold.ttf") format("truetype");
}

@font-face {
    font-family: Inter-Regular;
    src: url("../fonts/Inter_18pt-Regular.ttf") format("truetype");
}

@font-face {
    font-family: Inter-Black;
    src: url("../fonts/Inter_18pt-Black.ttf") format("truetype");
}

@font-face {
    font-family: Inter-Medium;
    src: url("../fonts/Inter_18pt-Medium.ttf") format("truetype");
}

@font-face {
    font-family: Inter-ExtraBold;
    src: url("../fonts/Inter_18pt-ExtraBold.ttf") format("truetype");
}

@font-face {
    font-family: Inter-Light;
    src: url("../fonts/Inter_18pt-Light.ttf") format("truetype");
}