@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400&family=Montserrat:wght@600&family=Kdam+Thmor+Pro&display=swap");

.semi-bold {
    font-family: "Montserrat", sans-serif;
}

body {
    background: #000000;
    font-family: "Inter", sans-serif;
}

.h- {
    margin-top: 5px;
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 8px;
    line-height: 10px;
    /* identical to box height */

    color: #ff0000;
}
.s- {
    margin-top: 12px;
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-size: 8px;
    line-height: 10px;
    /* identical to box height */

    color: #989898;
}
.b- {
    margin-top: 11px;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 9px;
    line-height: 11px;

    color: #ffffff;
}
.btns {
    margin-top: 11px;
}
.red-btn {
    padding-top: 18px;
    padding-bottom: 18px;
    background: #d32323;
    border-radius: 7px;

    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 8px;
    line-height: 10px;
    /* identical to box height */

    cursor: pointer;

    color: #ffffff;
}
.gren-btn {
    padding-top: 18px;
    padding-bottom: 18px;
    background: #0da600;
    border-radius: 7px;

    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 8px;
    line-height: 10px;
    /* identical to box height */

    cursor: pointer;

    color: #ffffff;
}
/*.content {
  max-width: 100%;
  height: 100vh;
  overflow-y: scroll;
  margin: auto;
  color: white;
  padding: 10px;
}*/

.notification {
    max-width: 100%;
    width: 100%;
    color: #000;

    position: fixed;
    top: 8%;
    z-index: 10000;
}
.notification .d-flex {
    width: 100%;
    max-width: 500px;
    padding: 10px;
    /*
  
  
  margin: 3px 10px;*/
    border-radius: 10px;
    background: rgba(16, 16, 16, 0.7);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 100%;
    /* identical to box height, or 10px */

    color: #000000;
}
.notification #msg {
    width: 100%;
    text-align: center;
}
.gone {
    display: none !important;
}
