@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&family=Nunito:wght@200;300;400;500;600;700;800;900;1000&family=Source+Sans+3:wght@900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

::selection {
  background: transparent;
  color: inherit;
}

input::selection {
  background: #000;
  color: #fff;
}

html, body {
    height: 100%;
}

html {
    font-size: 16px;
}

body {
    height: 100%;
    width: 100%;

    font-family: "Nunito", sans-serif;
    font-size: clamp(1rem, 2vw + 0.5rem, 2rem);

    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
    -webkit-appearance: none;
    appearance: none;
    color: #000;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    border: none;
    background: none;
    
    font-family: "Nunito", sans-serif;
    font-weight: 500;
}


/* FONTS SIZES */
.header-1 {
    font-size: 2em;
}

.header-3 {
    font-size: 1.1em;
}

.header-4 {
    font-size: 1em;
}

.header-5 {
    font-size: .9em;
}



.desc-1 {
    font-size: .9em;
}
.desc-2 {
    font-size: .8em;
}
.desc-3 {
    font-size: .7em;
}

.desc-1,
.desc-2,
.desc-3 {
    line-height: 1.5;
}


/* RESET BUTTON AND INPUT */
button,
input {
    all: unset;
    box-sizing: border-box;
}


.overlay {
    height: 100%;
    width: 100%;

    background: hsla(0, 0%, 0%, 0.2);

    position: fixed;
    top: 0;
    left: 0;
    z-index: 500;

    display: none;
}