/* StepNone CSS */

html {
    font-family: "Prompt", "Kanit", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

body {
    font-size: 10px;
    
    padding: 0px;
    margin: 0px;
}

h1 {
    font-size: 4em;
    margin-block-start: 0px;
    margin-block-end: 0px;
}

h2 {
    font-size: 3rem;
    margin-block-start: 0px;
    margin-block-end: 0px;
}

h3 {
    font-size: 2em;
    margin-block-start: 0px;
    margin-block-end: 0px;
}

h4 {
    font-size: 1.5em;
    margin-block-start: 0px;
    margin-block-end: 0px;
}

h5 {
    font-size: 1.2em;
    margin-block-start: 0px;
    margin-block-end: 0px;
}

h6 {
    font-size: 1em;
    margin-block-start: 0px;
    margin-block-end: 0px;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    body {
        font-size: 8px;
        
        padding: 0px;
        margin: 0px;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    body {
        font-size: 8px;
        
        padding: 0px;
        margin: 0px;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    body {
        font-size: 10px;
        
        padding: 0px;
        margin: 0px;
    }
}

/* Large devices (laptops/desktops, 1024px and up) */
@media only screen and (min-width: 1024px) {
    body {
        font-size: 12px;
        
        padding: 0px;
        margin: 0px;
    }
}

/* Extra large devices (large laptops and desktops, 1280px and up) */
@media only screen and (min-width: 1280px) {
    body {
        font-size: 14px;
        
        padding: 0px;
        margin: 0px;
    }
}

/* Double Extra large devices (large laptops and desktops, 1536px and up) */
@media only screen and (min-width: 1536px) {
    body {
        font-size: 16px;
        
        padding: 0px;
        margin: 0px;
    }
}