.footer {
    position: absolute;
    left: 0;
    top: 90%;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #fafafa;
    }
    * Scrollbar Colour / selection */
	/* Firefox */
    * {
        scrollbar-color: #ff0000 transparent;
      }
    
    /* Chrome, Edge, and Safari */
      *::-webkit-scrollbar {
        width: 10px;
        background: transparent;
      }
      
    
      *::-webkit-scrollbar-track {
        background: transparent;
      }
    
      *::-webkit-scrollbar-thumb {
        background-color: #ff0000;
        border-radius: 20px;
      }
      *::-webkit-scrollbar-thumb:hover {
        background-color:rgb(237, 0, 0);
        border-radius: 20px;
      }
    ::selection {
        background-color: #ff0000;
        color: #fafafa;	
    }
    /*--------------------------------------------------------------
    # General
    --------------------------------------------------------------*/
    body {
      font-family: "Open Sans", sans-serif;
      color: #212212;
      background-color: black; 
    }
    
    a {
      color: #ff0000;
      text-decoration: none;
    }
    
    a:hover {
      color: #ff0000;
      text-decoration: none;
    }
    
    h1, h2, h3, h4, h5, h6 {
      font-family: "Raleway", sans-serif;
      color: #fafafa;
    }
    html {
        background-color: black;
        overflow-x: hidden;
        color: #fafafa;
    }
    .card {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #151418;
        background-clip: border-box;
        border: 1px solid rgba(0,0,0,.125);
        border-radius: 12px;
    }
    b {
        color: #fafafa;
    }
    p {
        color: #fafafa;
    }
    .card-header {
        background: linear-gradient(170deg,#8224e3, #ed1e79);
        border-radius: 12pz;
    }
    .btn-success {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    border-radius: 100px;
}