:root{
    --darkest-color:#606060;
    --middle-color:#888;
    --lighter-color:#AEAEAE;
  }
  
  *,
  ::after,
  ::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
  }
  i::before{
    font-family:"Font Awesome 6 Free";
    padding-left:10px;
    cursor:pointer;
  }

  .sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
      clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
  }
  
  p{
    color:#fff;
}

.hidden{
  display:none !important
}

*::backdrop{
  backdrop-filter: blur(1.5px);
}

.clickable{
  cursor:pointer;
}