.nothing-you-could-do-regular {
    font-family: "Nothing You Could Do", cursive;
    font-weight: 600;
    font-style: normal;

}
.mainTitle {
    font-size: clamp(25px, 8vw, 80px);
    text-align: center;
    color:#CCC5B9;
}

.scale_font_icon_menu{
    font-size: clamp(24px, 8vw, 50px);
}
.display_username_font{
    text-orientation: upright;
    background-color: #fff;    
    writing-mode: vertical-lr;
    display: inline-block;
    padding-top: 2vw;
}
.display_username_size{            
    font-size: 24px;           
    color:#2A3D45;
}
.roboto-slab {
    font-family: "Roboto Slab", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
.metal-mania-regular {
    font-family: "Metal Mania", system-ui;
    font-weight: 400;
    font-style: normal;
}

.caveat{
    font-family: "Caveat", cursive;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

.point_simple{
    cursor:pointer;
}
.accordion { 
    --bs-accordion-active-bg: #d7ccc8;
}
.main_font_with_color{
    font-family: "Roboto Slab", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color:#42494e;
}

.selected{
    background-color: #C1C5BF;; 
}

.sign_up_label_width{
    width:30%;
}

/* Fixed Color Classes for simpler updating  */

.btn_interaction_bg{
    background-color: #CCBEBE
}
.interactionBtns{
    background-color:#CCBEBE ;
}
.icon_color{
    color: #2A3D45;
    cursor: pointer;
}  
.w-80 {
    width: 80% !important;
  }
.w-20{
    width: 20% !important;
}
.menu_title{
    font-size: clamp(60px, 3.2vw, 70px);   
  }
.material-symbols-solid {
    font-variation-settings:
    'FILL' 1,
    'wght' 400,
    'GRAD' 0,
    'opsz' 24
  }
  .table_custom { --bs-table-bg: transparent !important; }

.card-blur{
    filter: blur(8px) grayscale(1);
}

.card-img-overlay- {
    z-index: 1; 
}
.card-img-overlay {
    z-index: -1; 
}


.top-right {
    position: absolute;
    top: 0px;
    right: 1px;
  }

  .top-left {
    position: absolute;
    top: 0px;
    left: 1px;
  }

/* Bottom right text */
/* .bottom-right {
    position: absolute;
    bottom: 1px;
    right: 1px;
    background-color:lightgray;
  } */

  .container_text {
    position: relative;
    text-align: center;
    color: white;
  }
  
  .dynamic_font{
    font-size: clamp(35px, 2vw, 45px);   
  }

  .pending_border{
    border:5px solid #fbed0c;
    background-color:#fbed0c;
    color:black;
  }
  .approved_border{
    border:5px solid #0df517;
    background-color:#0df517;
    color:black;
  }
  .not_approved_border{
    border:5px solid #cc0000;
    background-color:#cc0000;
    color:black;
  }

  .cool_border{
    border:5px solid #cc0000;
  }
  .header-area {
    z-index: 1;
}