html {
    box-sizing: border-box;
    height: 100%;
    padding: 0px;
    margin: 0px;
    line-height: 1.5; 
    -webkit-text-size-adjust: 100%; 
    -moz-tab-size: 4; 
    tab-size: 4;
}

*,
::before,
::after {
    box-sizing: border-box; 
    border-width: 0; 
    border-style: solid; 
  
}

::before,
::after {
  --tw-content: '';
}

body {       
    font-family: 'Montserrat', sans-serif;
    line-height: inherit; 
    height: 100%;   
    padding: 0px;
    margin: 0px;   
}

@supports (-webkit-touch-callout: none) {
  body {
        /* The hack for Safari */
        height: -webkit-fill-available;
  }
}

hr {
    height: 0; 
    color: inherit; 
    border-top-width: 1px; 
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}
b, strong {
    font-weight: bolder;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

button, select {
    text-transform: none;
}

button,
[type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: none; 
    background-color: transparent; 
    background-image: none; 
}
button,
input,
optgroup,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
progress {
    vertical-align: baseline;
}
[type='search'] {
    -webkit-appearance: textfield; 
    outline-offset: -2px; 
}
::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: none; 
    font: inherit; 
}
:-moz-ui-invalid {
  box-shadow: none;
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

textarea {
  resize: vertical;
}
input::placeholder,
textarea::placeholder {
  opacity: 1; 
  color: theme('colors.gray.400', #9ca3af); 
}
button,
[role="button"] {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; 
  vertical-align: middle; 
}
img,
video {
    max-width: 100%;
    height: auto;
}
[hidden] {
    display: none;
}

a {
    text-decoration: none!important;
    color: inherit;
}

btn, button {
    -webkit-appearance: none!important;
}