style.css

body{
    background-color: lightblue;
    margin: 0;
    font-family: monospace;


    display: flex;
    min-height: 100vh;
    justify-content: center;
    align-items: center;


}

.container{
    background-color: rgba(240, 99, 99, 0.5);

    padding: 30px;
    border-radius: 15px;
    text-align: center;
    width: 85%;
    max-width: 500px;
    color:
     rgb(27, 27, 85);
}
.heading{
    font-size: 30px;
    
    letter-spacing: 2px;
  
}




.joke-container{
   margin: 50px;
    font-size: 25px;
    font-weight: 500;
  
}



.btn{
    padding: 20px;
    margin: 10px 0;
    border-radius: 20px;
    width: 80%;
    border: none;
color: rgb(27, 27, 85);
font-family: monospace;
cursor: pointer;
font-size: large;

}

.btn:hover{
    box-shadow: 0 10px 10px rgba(0,0,0,.3);
    transition: all 300ms ease;
}