

html, body {
    width: 100%;
    overflow-x: hidden; /* Prevent horizontal scrolling */
    scroll-behavior: smooth; /* Optional: Smooth scrolling */
}
body {
    background: linear-gradient(to right, #fbea93, #79f557);    
    color: black;
    text-align: center;
   
  }
  #containerBTN{
    background: linear-gradient(to right, #fbea93, #79f557);
  }
  #canvas {
    margin: auto;
    background-color: blue;

  }
 


  select {
    border: solid;
    cursor: pointer;
    border-radius: 10px;
    font-size: 0.9em;
  }
  
  #p1 {
    background: linear-gradient(to right, #f093fb, #f5576c);
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    transition: all 0.2s ease;
  }
  
  #p1:hover {
    transform: scale(1.12);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  }
  
  #p2 {
    background-color: #f8e71c;
    border: 2px solid #f1c40f;
    border-radius: 5px;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
  }
  
  #p2:hover {
    transform: scale(1.12);
    border-color: #f39c12;
  }
  input {
    text-align: center;
    border: solid;
    font-size: 0.7em;
    border-radius: 10px;
    width: 2em;
  }
  #p1,#p2,input{
    margin-bottom: 1rem;
  }
  @media screen and (max-width: 600px) {
    #canvas{
        
        max-width: 100%;
        height: 100%;
    }
    input{
        width:1.5em;
        margin-bottom: 1rem;
    }
    #p1,#p2{
        font-size: 1em;
        margin-bottom: 1rem;

    }
}

  
  *:focus {
    outline: none;
  }
  
  * {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                    supported by Chrome and Opera */
  }