body {
      margin: 0;
      padding: 0;
      font-family: 'Ubuntu', sans-serif;
      background: url('sfondo-opensuse.png') no-repeat center center fixed;
      background-size: cover;
      color: #2e2e2e;
    }

    .header1 {
	      background: url('matrix.jpg') no-repeat  fixed;
	      background-size: cover;
        background-color: rgba(115, 186, 37, 0.9);
	      font-family: 'Ubuntu', sans-serif;
        color: #2e2e2e;
	      /*margin: 5px;*/
	      border-radius: 0px 0px 0px 0px;
        /*padding: 0px;*/
        text-align: center;
        font-size: 2em;
    }

    .header2 {
	      background: url('matrix.jpg') no-repeat  fixed;
	      background-size: cover;
        background-color: rgba(115, 186, 37, 0.9);
	      font-family: 'Ubuntu', sans-serif;
        color: #2e2e2e;
	      /*margin: 5px;*/
	      border-radius: 0px 0px 20px 20px;
        /*padding: 0px;*/
        text-align: center;
        font-size: 2em;
    }
	
	/*a {

		padding: 50px;		

	}*/

	header img {
		  height: 80px;
		  width: 80px;
		  border-radius: 30%;            /* rende il bordo rotondo */
		  background-color: yellow;       /* cerchio bianco dietro */
		  /*margin: 10px;*/
		  /*padding: 7px;  */                /* spazio tra immagine e bordo */
		  box-shadow: 0 2px 6px rgba(0,0,0,0.2); /* ombra soft */
		  object-fit: contain;           /* mantiene proporzioni dentro il cerchio */
	}



    .container_left {

      max-width: 400px;
      margin: 30px auto;
      background: rgba(255, 255, 255, 0.75);
      border-radius: 12px;
      padding: 30px;
      box-shadow: 0 5px 15px rgba(0,0,0,0.2);

    }

    .container_control_panel {
   
    
      max-width: 400px;
      margin: 30px auto;
      background: rgba(200, 200, 200, 0.75);
      border-radius: 12px;
      padding: 30px;
      box-shadow: 0 5px 15px rgba(0,0,0,0.2);

    }

	.container_abap__world {
      max-width: 400px;
      margin: 30px auto;
      background: rgba(76, 123, 225, 0.75);
      border-radius: 12px;
      padding: 30px;
	  color: white;
      box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    }
	
	.container_right {

      max-width: 400px;
      margin: 30px auto;
      background: rgba(255, 255, 100, 0.75);
      border-radius: 12px;
      padding: 30px;
      box-shadow: 0 5px 15px rgba(0,0,0,0.2);

      
    }
	
	.container_blue {
  
		max-width: 400px;
		margin: 30px auto;
		background: rgba(0, 20, 50, 0.75);
		border-radius: 12px;
		padding: 30px;
		box-shadow: 0 5px 15px rgba(0,0,0,0.2);
		color: #ffffff;

  
	}
	
	.container_red {
   
		max-width: 400px;
		margin: 30px auto;
		background: rgba(150, 20, 50, 0.75);
		border-radius: 12px;
		padding: 30px;
		box-shadow: 0 5px 15px rgba(0,0,0,0.2);
		color: #ffffff;


	}
	
	.container_green {
   
		max-width: 400px;
		margin: 30px auto;
		background: rgba(4, 212, 73, 0.75);
		border-radius: 12px;
		padding: 30px;
		box-shadow: 0 5px 15px rgba(0,0,0,0.2);
		color: #ffffff;


	}
	
	.container_sky {
  
		max-width: 400px;
		margin: 30px auto;
		background: rgba(11, 168, 230, 0.75);
		border-radius: 12px;
		padding: 30px;
		box-shadow: 0 5px 15px rgba(0,0,0,0.2);
		color: #ffffff;


	}
	
	.container_dark {
    
		max-width: 400px;
		margin: 30px auto;
		background: rgba(37, 11, 6, 0.75);
		border-radius: 12px;
		padding: 30px;
		box-shadow: 0 5px 15px rgba(0,0,0,0.2);
		color: #ffffff;


	}

    .category {
      margin-bottom: 40px;
    }
	
	.subcategory {
		margin-left: 70px;
	}

    .category h2 {
      color: #336820;
      border-left: 5px solid #73ba25;
      padding-left: 10px;
      margin-bottom: 15px;
    }

    .software {
      margin-bottom: 20px;
      padding-bottom: 10px;
      border-bottom: 1px solid #ddd;
    }

    .software h3 {
		/*border: 3px solid #00a8ff;*/
      margin-bottom: 2px;
      color: #2d6a1b;
    }

    .software p {
      margin: 5px 0 10px;
    }

    .download-button {
      background-color: #385f0e;
      color: white;
      padding: 4px 7px;
      text-decoration: none;
      border-radius: 6px;
      font-weight: bold;
      transition: background 0.3s;
    }

    .download-button:hover {
      background-color: #5ca31d;
    }

    footer {
      text-align: center;
      margin-top: 50px;
      padding: 20px;
      font-size: 0.9em;
      color: black;
    }
	
	a {
	  border-radius: 30px 30px 20px 20px;            /* prima i bordi sopra e poi sotto rende il bordo rotondo */
	  background-color: rgba(115, 186, 37, 0.9);
      text-align: center;
      margin-top: 7px;
      padding: 7px;
      color: white;
	  font-size: 0.7em;
    }

	.header_pages a {
		background-color: rgba(179, 83, 28, 0.9);
	    color: white;
	}

  td {
    vertical-align: top;
  }