@charset "UTF-8";

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

@font-face {
  font-family: "InterTight-Regular";
  src: url("../fonts/InterTight-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "InterTight-Medium";
  src: url("../fonts/InterTight-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap; 
}
@font-face {
  font-family: "InterTight-Bold";
  src: url("../fonts/InterTight-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "InterTight-SemiBold";
  src: url("../fonts/InterTight-SemiBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "InterTight-LightItalic";
  src: url("../fonts/InterTight-LightItalic.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "InterTight-BoldItalic";
  src: url("../fonts/InterTight-BoldItalic.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "InterTight-Black";
  src: url("../fonts/InterTight-Black.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "InterTight-Light";
  src: url("../fonts/InterTight-Light.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

  :root {
    --inter: 'InterTight', sans-serif;
    /* tons de cinza  */
    --color1: #F7F7F7;
    --color2: #00000029;
    --color3: #0000001A;
    --color4: #0000000D;
    --color5: #00000033;
    --color6: #00000026;
    --color7: #0000000F;
    --color8: #0000000F;
    --color9: #EEEEEE;
    --color10: #585858;
    --color11: #818283;
    --color12: #EEECEC;
    --color13: #010101CC;
    --color14: #01010199;
    --color15: #01010166;
    --color16: #01010133;
    --color17: #EAEAEA;

    /* tons de branco */
    --color18: #FE8F3800;
    --color19: #FFFFFF;
    --color20: #FFFFFF99;
    --color21: #F72B5200;
    --color22: #FFFFFF66;
    --color23: #FFFFFF00;
    --color24: #4AD95C00;
    --color25: #00000000;
    --color26: #01010100;
    --color27: #F9F9F9;
    --color28: #FEFEFE;
    --color29: #FEFEFE00;
    --color30: #6600FF00;

    /* tons quentes  */
    --color31: #FF7000;
    --color32: #FE8F38;
    --color33: #F72B52;
    --color34: #FFCF27;
    --color35: #FFB52F;
    --color36: #FE514E;
    --color37: #FE3756;
    --color38: #E31837;
    --color39: #FFDD55;
    --color40: #FF543E;
    --color41: #C837AB;

    /* tons frios  */
    --color42: #40C351;
    --color43: #229E32;
    --color44: #1769FF;
    --color45: #3771C8;

    /* tons de preto  */
    --color46: #222222;
    --color47: #171E1D;
    --color48: #010101;
}

a {
    text-decoration: none;
}
body, html {
  overflow-x: hidden;
}

ol, ul {
  list-style: none;
}

body{
    background-color: #F7F7F7;
}

main {
  position: relative;
}

.no-link {
  cursor: default;
}