@font-face {
    font-family: base_font;
    src: url(fonts/Montserrat/static/Montserrat-Regular.ttf);
}
@font-face {
    font-family: fancy_font;
    src: url(fonts/Great_Vibes/GreatVibes-Regular.ttf);
}

body {
    margin: 0px;
    height: 100%;
}

html {
    height: 100%;
}

#root {
    height: 100%;
}

.blurred-div {
    background: rgba(0, 0, 0, 0.3); /* Semi-transparent background */
    backdrop-filter: blur(10px); /* Adjust the blur radius as needed */
    -webkit-backdrop-filter: blur(10px); /* For Safari support */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: add a slight shadow */
}

.blurred-div-white {
    background: rgba(255, 255, 255, 0.6); /* Semi-transparent background */
    backdrop-filter: blur(10px); /* Adjust the blur radius as needed */
    -webkit-backdrop-filter: blur(10px); /* For Safari support */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: add a slight shadow */
}

.hide_scrollbar {
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none;  /* For Internet Explorer and Edge */
}

.hide_scrollbar::-webkit-scrollbar {
  display: none; /* For Chrome, Safari, and Opera */
}