body {             	
	     display: flex;
             min-height: 100vh;
             flex-direction: column;
         }

         main {
             flex: 1;
         }
         
         footer {
             display: inline-block;
             position: fixed;
             bottom: 0;
             left: 0;
             margin-top: auto;
             text-align: center;
             box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
         }

         footer img {
             width: 50px;
             height: 50px;
	 }
       
         .songscontent {
            border: 3px solid transparent;
        }

        .prismHeader {
            max-width: 90%;
            height: auto;
        }
 
        .dashboard-container.gdbox-brown.songs {
            margin-top: 1%;
            margin-left: calc(5vw + (10vw / 1000));
            margin-right: calc(5vw + (10vw / 1000));
            margin-bottom: 1%;
        }
 
        .img {
            border: 3px solid #ffffff;
            border-radius: 25px;
            box-shadow: 0px 0px 20px black;
        }
 
        .title {
            font-family: pusab;
            color: white;
            text-shadow: 0px 0px 6px black;
            -webkit-text-stroke: 1px black;
            font-size: 50px;
        }
 
        .desc3 {
            font-family: pusab;
            color: white;
            text-shadow: 0px 0px 6px black;
            -webkit-text-stroke: 0.6px black;
            font-size: 15px;
        }
 
        .desc {
            font-family: pusab;
            color: yellow;
            text-shadow: 0px 0px 6px black;
            -webkit-text-stroke: 0.6px black;
            font-size: 15px;
        }
 
        .Names {
            font-family: pusab;
            color: #6725F8;
            text-shadow: 0px 0px 6px black;
            -webkit-text-stroke: 1px black;
            font-size: 25px;
        }
 
        img {
            /* Adjust the values as needed */
            margin: 10px; /* This adds space to all sides of the image */
        }
 
        .btnfix {
            background-color: #25e028;
            color: white;
            font-size: 20px;
            box-shadow: 0px 0px 10px black;
            text-shadow: 0px 0px 7px black;
            -webkit-text-stroke: 0.7px black;
            border-radius: 7px;
            width: 110px;
            border: 2px solid #ffffff;
            font-family: pusab;
        }
 
        .loading {
            position: relative;
            display: none;
        }
 
        .loading::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 40px;
            height: 40px;
            margin: -20px 0 0 -20px;
            border: 4px solid #f3f3f3;
            border-top: 4px solid #3498db;
            border-radius: 50%;
            animation: spin 2s linear infinite;
        }
 
        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }
        .message {
            font-family: pusab;
            color: white;
            text-shadow: 0px 0px 6px black;
            -webkit-text-stroke: 0.6px black;
            font-size: 15px;
	}

        .starrate, .featuredrate, .epicrate {
	    font-family: pusab;
            color: white;
	    -webkit-text-stroke: 1px black;
	    text-stroke: 1px black;
	    width: 67%;
	    padding: 10px;
	    box-sizing: border-box;
	    text-align: center;
	}

        .starrate img, .featuredrate img, .epicrate img {
	    width: 117px;
	    height: 117px;
	}

       .starrate * {
       text-align: center;
    }