body {
      font-family: Arial, sans-serif;
      background-color: #f0f3f6;
      margin: 0;
      padding: 0;
	  padding-top: 80px;
    }
    .navbar {
      background-color: #2b2f33;
      color: white;
      padding: 15px 30px;
	  /**padding-left: 100px;
	  padding-right:100px;**/
      display: flex;
      gap: 30px;
      font-size: 14px;
    }
    .navbar a {
      color: white;
      text-decoration: none;
    }
    .navbar a:hover {
      text-decoration: underline;
    }
    .container{
      padding: 40px 100px;
    }
    h1 {
      font-size: 28px;
      margin-bottom: 20px;
    }
    h2 {
      font-size: 18px;
      margin-top: 30px;
    }
    p {
      font-size: 15px;
      line-height: 1.6;
    }
    a {
      color: #1a73e8;
      text-decoration: none;
    }
    a:hover {
      text-decoration: underline;
    }
    .qr-code {
      margin-top: 15px;
    }
    .qr-code img {
      width: 220px;
      height: auto;
    }
	.it-support {
      margin-top: 15px;
	  padding-top: 1px;
	  padding-bottom: 1px;
	  background-color: #CCFFFF;
    }
	.admin-support {
      margin-top: 20px;
	   padding-top: 1px;
	  padding-bottom: 1px;
	  background-color: #99CCFF;
    }
	.repvul {
      margin-top: 10px;
	  padding-top: 5px;
	  padding-bottom: 5px;
	  background-color: #E0E0E0;
    }