* {
    box-sizing: border-box;
    outline: none;
    min-width: 0;
}

body {
    margin: 0;
    padding: 0;
    font-family: roboto;
    font-weight: 400;
    min-height: 100dvh;
}

h1, h2, h3, h4, h5, h6 {
    text-wrap: balance;
    margin: 0;
}

p, textarea {
    text-wrap: pretty;
    margin: 0;
}

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

a {
  text-decoration: none;
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

textarea {
    resize: none;
}

/* FUENTES */

@font-face {
    font-family: 'Good Times';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Good Times Rg'),
         local('GoodTimes Rg'),
         url('../fonts/Good Times Rg.otf') format('opentype');
    unicode-range: U+0000-00FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src:
        local('Roboto Light'),
        local('Roboto-Light'),
        url('../fonts/Roboto-Light.ttf') format('truetype');
    unicode-range: U+0000-00FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src:
        local('Roboto Light Italic'),
        local('Roboto-LightItalic'),
        url('../fonts/Roboto-LightItalic.ttf') format('truetype');
    unicode-range: U+0000-00FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src:
        local('Roboto Regular'),
        local('Roboto-Regular'),
        url('../fonts/Roboto-Regular.ttf') format('truetype');
    unicode-range: U+0000-00FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src:
        local('Roboto Italic'),
        local('Roboto-Italic'),
        url('../fonts/Roboto-Italic.ttf') format('truetype');
    unicode-range: U+0000-00FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src:
        local('Roboto Bold'),
        local('Roboto-Bold'),
        url('../fonts/Roboto-Bold.ttf') format('truetype');
    unicode-range: U+0000-00FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src:
        local('Roboto Bold Italic'),
        local('Roboto-BoldItalic'),
        url('../fonts/Roboto-BoldItalic.ttf') format('truetype');
    unicode-range: U+0000-00FF;
}