@import url("../fonts/YesevaOne/stylesheet.css");
@import url("../fonts/Montserrat/stylesheet.css");
@import url("../fonts/Halvetica/stylesheet.css");
@import url("./overrideEditor.css");
@import url("./overrideMap.css");

:root {
  --active-yellow: #EFA007;
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('https://fonts.gstatic.com/s/materialicons/v121/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2') format('woff2');
}

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {

  .scrollbar-y::-webkit-scrollbar {
    width: 4px;
    height: 100%;
  }
  .scrollbar-y::-webkit-scrollbar-track {
    border-radius: 100%;
    background: #d1d1d1;
  }
  .scrollbar-y::-webkit-scrollbar-thumb {
    background: #ffbe00;
    border-radius: 100vh;
    /*border: 3px solid #f6f7ed;*/
  }
  .scrollbar-y::-webkit-scrollbar-thumb:hover {
    background: #c0a0b9;
  }

  .scrollbar-x::-webkit-scrollbar {
    height: 4px;
    width: 100%;
  }
  .scrollbar-x::-webkit-scrollbar-track {
    border-radius: 100%;
    background: #d1d1d1;
  }
  .scrollbar-x::-webkit-scrollbar-thumb {
    background: #ffbe00;
    border-radius: 100vh;
    /*border: 3px solid #f6f7ed;*/
  }
  .scrollbar-x::-webkit-scrollbar-thumb:hover {
    background: #c0a0b9;
  }

}

@layer base {
  html {
    font-family: "Montserrat", sans-serif;
  }

  .article-content h1 {
    font-family: "Yeseva One", serif;
    font-size: 2rem;
    line-height: 2rem;
  }


  .article-content h2 {
    font-family: "Yeseva One", serif;
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .article-content p {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}