.button2 {
    --color: #D3F6D7;
    --color-hover: var(--color);
    --background: #124D20;
    --background-hover: var(--background);
    --hover-back: #ffffff;
    --hover-front: #000000;
    padding: 9px 17px;
    text-decoration: none;
    border-radius: 10px;
    line-height: 16px;
    font-family: pt sans, helvetica;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: .03em;
    border: none;
    outline: none;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    color: var(--c, var(--color));
    background: var(--b, var(--background));
    transition: color .2s linear var(--c-d, .2s), background .3s linear var(--b-d, .2s);
    &:not(.simple) {
        &:before,
        &:after {
            content: '';
            position: absolute;
            background: var(--pb, var(--hover-back));
            top: 0;
            left: 0;
            right: 0;
            height: 200%;
            border-radius: var(--br, 40%);
            transform: translateY(var(--y, 50%));
            transition: transform var(--d, .4s) ease-in var(--d-d, 0s), border-radius .5s ease var(--br-d, .08s);

        }

    }
 }   


.button6 {
     font-family: 'pt sans', 'arial';	
     font-size: 18px;
	  padding-left:16px;
	  padding-right:16px;
	  padding-top: 8px;
	  padding-bottom: 8px;
	  background-color: #B4EEB4;
	  border: 1px solid #9BCD9B;
	  color:#000;
	  text-decoration:none;
	  border-radius: 7px 7px 7px 7px;
	  letter-spacing: 0.6px;
	  text-align: justify;
	  vertical-align: middle;
	  }
a.button:hover {
	  color:#10d308;
}
a.button:active {
	  color:#548B54;
}
a.button:focus {
	  color:#548B54;
}


.text1 {color: #000000; text-decoration: none; font-family: pt sans, Trebuchet MS, Helvetica; font-size: 12pt}
a.text1:link {color: #000000; text-decoration: none; font-family: Trebuchet MS, Helvetica; font-size: 10pt}
a.text1:visited {color: #000000; text-decoration: none; font-family: Trebuchet MS, Helvetica; font-size: 10pt}
a.text1:alink {color: #000000; text-decoration: none; font-family: Trebuchet MS, Helvetica; font-size: 10pt}
a.text1:hover {color: #000000; text-decoration: underline; font-family: Trebuchet MS, Helvetica; font-size: 10pt}
    
    
    
a.text6:link {color: #124D20; text-decoration: none; font-family: arial; font-size: 9pt}
a.text6:visited {color: #308014; text-decoration: none; font-family: arial; font-size: 9pt}
a.text6:alink {color: #308014; text-decoration: none; font-family: arial; font-size: 9pt}
a.text6:hover {color: #308014; text-decoration: underline; font-family: arial; font-size: 9pt}


a.text8:link {color: #124D20; text-decoration: none; font-family: arial; font-size: 12pt; font-weight: bold;}
a.text8:visited {color: #308014; text-decoration: none; font-family: arial; font-size: 12pt}
a.text8:alink {color: #308014; text-decoration: none; font-family: arial; font-size: 12pt}
a.text8:hover {color: #308014; text-decoration: underline; font-family: arial; font-size: 12pt}
    
    
    
    
div.pagination {
	padding: 4px;
	margin: 4px;
}

div.pagination a {
	padding: 5px 5px 5px 5px;
	margin: 4px;
	border: 1px solid #308014;
	border-radius: 3px 3px 3px 3px; 
	font-family: pt sans, helvetica;
	
	text-decoration: none; /* no underline */
	color: #548B54;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #308014;

	color: #228B22;
}
div.pagination span.current {
	padding: 5px 5px 5px 5px;
	margin: 4px;
	border: 1px solid #308014;
		border-radius: 3px 3px 3px 3px; 
		
		font-weight: bold;
		background-color: #308014;
		color: #FFF;
	}
	div.pagination span.disabled {
	padding: 5px 5px 5px 5px;
	margin: 4px;
	border: 1px solid #308014;
		border-radius: 3px 3px 3px 3px; 
		
		color: #DDD;
	}
    
    
 
    


.button1 {
    --color: #D3F6D7;
    --color-hover: var(--color);
    --background: #124D20;
    --background-hover: var(--background);
    --hover-back: #6D58FF;
    --hover-front: #5C86FF;

    padding: 10px 16px;
    border-radius: 12px;
    line-height: 18px;
    font-family: pt sans, helvetica;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: .03em;
    border: none;
    outline: none;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    color: var(--c, var(--color));
    background: var(--b, var(--background));
    transition: color .2s linear var(--c-d, .2s), background .3s linear var(--b-d, .2s);
    
 }




        
        
.button3 {
    --color: #145B0C;
    --color-hover: var(--color);
    --background: #DAF3DA;
    --background-hover: var(--background);
    --hover-back: #6D58FF;
    --hover-front: #5C86FF;
    padding: 5px 12px;
    border-radius: 18px;
    line-height: 10px;
    font-family: pt sans, helvetica;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .03em;
    border: none;
    outline: none;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    vertical-align: middle;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    color: var(--c, var(--color));
    background: var(--b, var(--background));
    transition: color .2s linear var(--c-d, .2s), background .3s linear var(--b-d, .2s);
    &:not(.simple) {
        &:before,
        &:after {
            content: '';
            position: absolute;
            background: var(--pb, var(--hover-back));
            top: 0;
            left: 0;
            right: 0;
            height: 200%;
            border-radius: var(--br, 40%);
            transform: translateY(var(--y, 50%));
            transition: transform var(--d, .4s) ease-in var(--d-d, 0s), border-radius .5s ease var(--br-d, .08s);

        }

    }
    }

        
        
                
        
.button4 {
    --color: #145B0C;
    --color-hover: var(--color);
    --background: #DAF3DA;
    --background-hover: var(--background);
    --hover-back: #6D58FF;
    --hover-front: #5C86FF;
    padding: 20px 20px;
    padding-bottom: 1em;
    padding-top: 0.7em;
    border-radius: 18px;
    line-height: 28px;
    font-family: pt sans, helvetica;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: .03em;
    border: none;
    outline: none;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    vertical-align: middle;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    color: var(--c, var(--color));
    background: var(--b, var(--background));
    transition: color .2s linear var(--c-d, .2s), background .3s linear var(--b-d, .2s);
    &:not(.simple) {
        &:before,
        &:after {
            content: '';
            position: absolute;
            background: var(--pb, var(--hover-back));
            top: 0;
            left: 0;
            right: 0;
            height: 300%;
            border-radius: var(--br, 40%);
            transform: translateY(var(--y, 50%));
            transition: transform var(--d, .4s) ease-in var(--d-d, 0s), border-radius .5s ease var(--br-d, .08s);

        }
 }
 }
 
 

h1 { 
   color: #145B0C;
   background: #DAF3DA;
  display: block;
  width: 87%;
      padding: 5px 12px;
    border-radius: 10px;
  font-family: pt sans, helvetica;
  font-size: 17px;
  font-weight: 800;
    letter-spacing: .03em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
 
 
 h2 { 
  color: #000000;
  font-family: pt sans, helvetica;
  font-size: 16px;
  text-decoration: none;
  text-transform: none;
  letter-spacing: .05em;
  font-weight: bold;
  margin-top: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}   


  
  a:link { 
  text-decoration: none;
  color: #000000;
} 
a:visited { 
  text-decoration: none;

} 
a:hover { 
  text-decoration: underline;
} 
a:active { 
  text-decoration: none;
  
}