*, *::after, *::before {
    padding: 0; margin: 0; box-sizing: border-box;
}
:root {
    --size-text-btn: 18px;
    --spacing-block: 8px;
    --color-red: #D62504;
    --color-purple: #771c7f;
}

@font-face {
  font-family: "Noto Sans";
  src: url("../assets/fonts/noto-sans/NotoSans-VariableFont_wdth\,wght.ttf") format("truetype");
  font-weight: 300 700;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans";
  src: url("../assets/fonts/noto-sans/NotoSans-Italic-VariableFont_wdth\,wght.ttf") format("truetype");
  font-weight: 300 700;
  font-style: italic;
}

body {
     height: 100vh;
     padding: 12px;
     font-size: 18px;
    font-family: "Noto Sans", sans-serif;
    font-style: normal;
    background-color: black;
    position: relative;
    align-content: center;
}

h1, h2 {
    font-family: "Noto Sans", sans-serif;
    font-size: 32px;
    font-style: italic;
}

button, input {
    border: none;
    font-style: normal;
    background-color: transparent;
    font-size: inherit;
}

input:focus {
    outline: none;
}