.button {
            background-color: #4CAF50; /* Green */
            border: none;
            color: white;
            padding: 2% 2%;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 40px;
            
  
            transition-duration: 0.4s;
            cursor: pointer;
            font-family: "Lucida Console", "Courier New", monospace
        }
        
        
        .button1 {
            background-color: white; 
            color: black; 
            border: 2px solid white;
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .button1:hover {
            background-color: black;
            color: white;
            border-color: black;       
            -webkit-text-fill-color: transparent;
        }

        .butts {
            position: absolute;
            top: 35%; 
            left: 50%; 
            -ms-transform: translate(-50%, -50%); 
            transform: translate(-50%, -50%);
        }   
        
        .demo {
            font-size:50px; 
            padding: 0%;
            position: absolute; 
            top: 30%; left: 50%; 
            -ms-transform: translate(-50%, -50%); 
            transform: translate(-50%, -50%);
            text-decoration: none;
            font-family: "Lucida Console", "Courier New", monospace;
            text-align: center;
        }

        .title{
            font-size:50px; 
            padding: 0%;
            position: absolute; 
            top: 2%; left: 50%; 
            -ms-transform: translate(-50%, -50%); 
            transform: translate(-50%, -50%);
            text-decoration: none;
            font-family: "Lucida Console", "Courier New", monospace;
            text-align: center;
            
            background-image: linear-gradient(to left,  red,indigo,blue, green, yellow, orange, red);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .cont{
            font-size:20px; 
            padding: 0%;
            position: absolute; 
            top: 60%; left: 50%; 
            -ms-transform: translate(-50%, -50%); 
            transform: translate(-50%, -50%);
            text-decoration: none;
            font-family: "Lucida Console", "Courier New", monospace;
            text-align: center;
            color: white;
        }
        .audio {
            font-size:50px; 
            padding: 0%;
            position: absolute; 
            top: 80%; left: 50%; 
            -ms-transform: translate(-50%, -50%); 
            transform: translate(-50%, -50%);
            text-decoration: none;
            font-family: "Lucida Console", "Courier New", monospace;
            text-align: center;
        }
        .spot{
             top: 80%;
        }
        
        .coin{
            font-size:40px; 
            padding: 0%;
            position: absolute; 
            top: 60%; left: 50%; 
            -ms-transform: translate(-50%, -50%); 
            transform: translate(-50%, -50%);
            text-decoration: none;
            font-family: "Lucida Console", "Courier New", monospace;
            text-align: center;
            color: white;
        }

        body{

            background-color: #fce055;
            background-image: linear-gradient(319deg, #fce055 0%, #256eff 37%, #46237a 100%);


        }