html, body {margin: 0; height: 100%; overflow: hidden}
        
        .button2 {
            /*border-radius: 50%;*/
            border: 2px solid black;
            color: black;
            cursor: pointer;
            width:90px;
            border-radius: 10%;
            /*background-color: grey;*/
            border-color: #e7e7e7;
           /*padding: 15px 15px;*/
           /*border-color: coral;*/
           text-align: center;
           display: inline-block;
       }
       .button2:hover {
        transform: scale(1.1); /* (110% zoom) */
    }
        .button:hover {
            transform: scale(1.1); /* (110% zoom) */
        }

        .info {
            background-color: #DCDCDC;
            border: none;
            color: black;
            padding: 9px 10px 15px 13px;
            
            font-size: 12px;
            text-align: center;
            margin: 4px 2px;
            /*
            font-size: 16px;
            /*border-color: coral;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 4px 2px;
            cursor: pointer;*/
        }

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 534px){
    .proba {
        max-width : 100%;
   }
   .button2
   {
       width : 20%;
   }

   .w3-row{
          margin-top: -35%;
          margin-left: -30%;
        }

}