* {
    box-sizing: border-box;
    outline: none;
}
/*
:root {
    --primary-color: #28e504;       
    --secondary-color: #00cc44;     
    --tertiary-color: #1aff8c;     
    --background-color: #131313;    
    --bg-color: #000000;            
    --stat-color: #232323;
    --support-color: #ffffff;     
    --text-color: #ffffff;
}
*/
html, body {
  padding: 0;
  margin: 0;
  height: 100%;
}

body {
  background-color: var(--background-color) !important;
  display: flex;
  padding-top: 6rem;
  flex-direction: column;
  position: relative;
  min-height: 100vh;
  overflow-x: hidden;
}

.shadow-rox{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}


.notiflix-notify-success {
    background-color: var(--secondary-color) !important;
    color: white !important;
  }
  
  .notiflix-notify-info {
    background-color: var(--tertiary-color) !important;
    color: white !important;
  }
  
  .notiflix-notify-failure {
    background-color: #c0392b !important; 
    color: white !important;
  }
  
  .notiflix-notify {
    top: 83px !important;
    z-index: 9999 !important;
    position: fixed !important;
  
    max-width: 90vw !important; 
    width: 300px !important;
  
    right: 16px !important;
    left: auto !important;
  
    border-radius: 8px !important;
    overflow-wrap: break-word;
    box-sizing: border-box;
  }

  #NotiflixNotifyWrap .notiflix-notify {
    background-clip: padding-box !important;
  }