Update styles.css
This commit is contained in:
		
							parent
							
								
									178abf5f1f
								
							
						
					
					
						commit
						0a0b6d6e20
					
				
					 1 changed files with 35 additions and 0 deletions
				
			
		
							
								
								
									
										35
									
								
								styles.css
									
										
									
									
									
								
							
							
						
						
									
										35
									
								
								styles.css
									
										
									
									
									
								
							|  | @ -148,6 +148,41 @@ footer { | |||
|   width: 100%; | ||||
| } | ||||
| 
 | ||||
| .repository { | ||||
|   text-align: center; | ||||
|   padding: 40px 20px; | ||||
|   background-color: #f0f3da; /* Light background for repository section */ | ||||
|   margin: 40px 0; | ||||
|   border-radius: 15px; | ||||
|   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); | ||||
|   transition: transform 0.3s; | ||||
| } | ||||
| 
 | ||||
| .repository p{ | ||||
|   margin-bottom: 30px; | ||||
| } | ||||
| 
 | ||||
| .repository:hover { | ||||
|   transform: translateY(-5px); /* Lift effect on hover */ | ||||
| } | ||||
| 
 | ||||
| .repo-button { | ||||
|   background-color: #8B9635; /* Primary button color */ | ||||
|   color: #FCFCEB; | ||||
|   padding: 15px 30px; | ||||
|   margin: 1em; | ||||
|   text-decoration: none; | ||||
|   border-radius: 5px; | ||||
|   font-size: 1.2rem; | ||||
|   transition: background-color 0.3s ease, transform 0.2s; | ||||
| } | ||||
| 
 | ||||
| .repo-button:hover { | ||||
|   background-color: #6E7629; /* Darker button color on hover */ | ||||
|   transform: translateY(-2px); /* Lift effect */ | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* Responsive Styles */ | ||||
| @media (max-width: 768px) { | ||||
|   .hero h1 { | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue