:root {
    --color1: #FF0000;
    --color2: #000;
    --color3: #fff;
    --color4: #35A349;
    --color5: #FAFFE8;
    --color6: #FFF1F1;
    --color7: #EAFEFF;
    --color8: #FFEFD3;
    --color9: #EBEEFB;
    --color10: #FBE5E4;
    --color11: #FDF8E7;

    --font-size-xsmall: 0.875rem;
    /* ~14px */
    --font-size-small: 1rem;
    /* ~16px */
    --font-size-medium: 1.5rem;
    /* ~24px */
    --font-size-large: 2rem;
    /* ~32px */
    --font-size-xlarge: 2.5rem;
    /* ~40px */
    --font-size-xxlarge: 4rem;
    /* ~64px */
    --font-size-xxxlarge: 4.6875rem;
    /* ~75px */

}
html {
    scroll-behavior: smooth !important;
}
 

::selection {
    background-color: var(--color1);
    color: var(--color3);
}
body {
   font-family: "Noto Sans", sans-serif;
   background-color: var(--color2);
}
 .rubik{
    font-family: "Rubik", sans-serif;
}
.font-noto{
    font-family: "Noto Sans", sans-serif !important;

}
header nav a{
   font-family: "Noto Sans", sans-serif;
}

.color1 {
    color: var(--color1);
}

.color2 {
    color: var(--color2);
}

.color3 {
    color: var(--color3);
}

.color4 {
    color: var(--color4);
}

.color5 {
    color: var(--color5);
}

.color6 {
    color: var(--color6);
}

.color7 {
    color: var(--color7);
}

.color9 {
    color: var(--color9);
}
.color9 {
    color: var(--color10);
}
.color11 {
    color: var(--color11);
}

.bg-color1 {
    background-color: var(--color1);
}

.bg-color2 {
    background-color: var(--color2);
}

.bg-color3 {
    background-color: var(--color3);
}

.bg-color4 {
    background-color: var(--color4);
}
.bg-color5 {
    background-color: var(--color5);
}

.bg-color6 {
    background-color: var(--color6);
}

.bg-color7 {
    background-color: var(--color7);
}

.bg-color8 {
    background-color: var(--color8);
}
.bg-color9 {
    background-color: var(--color9);
}
.bg-color10 {
    background-color: var(--color10);
}
.bg-color11 {
    background-color: var(--color11);
}
.gm-style-iw-ch {
    display: none !important;
  }
  .gm-style-iw-ch  svg{
    display: none !important;
  }
  .gm-style-iw-chr{
    display: none !important;
  }
  .gm-style-iw-chr button{
    display: none !important;
  }

 
  #selectMap { height: 250px; margin-top:20px; }
