html {
  font: 16px "Urbanist", sans-serif;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
body {
  margin: 0;
    padding: 0;background-color:#f5f5f5;min-height:100vh;display:flex;flex-direction:column
}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}

/* font: Urbanist (latin) */
@font-face {
  font-family: "Urbanist";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/urbanist/v15/L0xtDF02iFML4hGCyMqgdyNEf6or5L2WA12pVamoY8A.woff2) format("woff2");
  unicode-range: var(--code);
}
@font-face {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/urbanist/v15/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDlR4vEZmq.woff2) format("woff2");
  unicode-range: var(--code);
}
@font-face {
  font-family: "Urbanist";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/urbanist/v15/L0xtDF02iFML4hGCyMqgdyNEf6or5L2WA133VamoY8A.woff2) format("woff2");
  unicode-range: var(--code);
}
@font-face {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/urbanist/v15/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDyx4vEZmq.woff2) format("woff2");
  unicode-range: var(--code);
}
@font-face {
  font-family: "Urbanist";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/urbanist/v15/L0xtDF02iFML4hGCyMqgdyNEf6or5L2WA13FVamoY8A.woff2) format("woff2");
  unicode-range: var(--code);
}
@font-face {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/urbanist/v15/L0xjDF02iFML4hGCyOCpRdycFsGxSrqD-R4vEZmq.woff2) format("woff2");
  unicode-range: var(--code);
}
@font-face {
  font-family: "Urbanist";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/urbanist/v15/L0xtDF02iFML4hGCyMqgdyNEf6or5L2WA10pUqmoY8A.woff2) format("woff2");
  unicode-range: var(--code);
}
@font-face {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/urbanist/v15/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDFRkvEZmq.woff2) format("woff2");
  unicode-range: var(--code);
}

.container{max-width:768px;margin:0 auto;width:100%;align-items:center;padding:16px}
.hidden{display:none}
main.container{flex:1;display:flex;flex-direction:column;justify-content:center}

/* header */ 

/* main */ 

/* JS */ 

/* JS */ 
/* JS */ 

/* footer */ 


@media screen and (min-width:768px){/* Scrollbar custom */ ::-webkit-scrollbar{-webkit-appearance:none; width:4px;height:5px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:rgb(0 0 0 / 15%); border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:rgb(0 0 0 / 35%)}::-webkit-scrollbar-thumb:active{background-color:rgb(0 0 0 / 35%)} }