:root {
    all: unset;
}

body {
    all: unset;
    font-size: 16px;
    font-family: "Cantarell", "Helvetica", "Arial", sans-serif;
}

*, *::before, *::after {
  box-sizing: border-box;
}

a {
    all: unset;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
}

center {
    display: block;
    text-align: center;
}

hr {
    border: none;
    display: block;
    height: 1px;
    margin: 2rem 0.5rem;
    margin-top: attr(data-top type(<length>), 2rem);
    margin-right: attr(data-right type(<length>), 0rem);
    margin-bottom: attr(data-bottom type(<length>), 2rem);
    margin-left: attr(data-left type(<length>), 0rem);
}

img {
    max-width: 100%;
}

span {
    align-items: center;
    display: inline-flex;
    height: auto;
    justify-content: center;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}