@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    height: 100%;
}
button:focus-visible {
    outline: -webkit-focus-ring-color auto 5px !important;
}
a {
    text-decoration: none;
    color: inherit;
}

*:focus-visible {
    outline: 2px solid #df1bb1 !important;
    outline-offset: 2px;
}

.body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    align-items: stretch;
    position: relative;
    background-color: #ffffff;
}

:root {
    --font-base: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}

html, body {
    font-family: var(--font-base), serif;
}