body{
    color: rgb(60, 63, 66);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.5rem;
    margin-top: 15%;    
    height: 100vh;
    background-image:linear-gradient(to right, #58949C,#DF9881);
    font-family: DejaVu Sans Mono, monospace;
}

h3{
    color: white;
    font-size: 1em;
    letter-spacing: 0px;
    text-transform: lowercase;
}

footer{
    font-size: 0.5em;
    margin-top: 350px;

}

#randomleftBtn{
    cursor: pointer;
    display: inline-block;
    letter-spacing: 0.075em;
    padding: .8em 1em;
    margin: auto 2em;      
    text-transform: uppercase;  
    border-image: linear-gradient(45deg, blue 0%)  

}
#randomrightBtn{
    cursor: pointer;
    display: inline-block;
    letter-spacing: 0.075em;
    padding: .8em 1em;
    margin: auto 2em;   
    text-transform: uppercase; 
    border-image: linear-gradient(45deg, blue 0%)

}

button{
    cursor:pointer;
    height: 2.5rem;
    border: none;
    border-radius: 10px;
    color: white;
    background-color: #333;
    outline: none;
    padding: 0.5rem 1.8rem;
    box-shadow: 0 0.3rem rgba(121,121,121, 0.65);
    
    
  
  }
  
  button:hover{
    filter: brightness(110%);
  }
  
  button:active{
    transform: translate(0, 0.3rem);
    box-shadow: 0 0.1rem rgba(255, 255, 255, 0.65);
  }