body {  
  background-color: #f0f8ff;  
  color: #333;  
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;  
  margin: 0;  
  padding: 0;  
}  

header {  
  background-color: #50c878;  
  padding: 15px;  
  text-align: center;  
  font-size: 20px;  
  color: white;  
}  

nav a {  
  color: #333;  
  text-decoration: none;  
  padding: 10px;  
}  

nav a:hover {  
  background-color: #b2d8d8;  
  border-radius: 5px;  
}  

h1 {  
  font-size: 36px;  
  margin: 20px 0;  
}  

p {  
  font-size: 18px;  
  line-height: 1.6;  
}  

button.primary {  
  background-color: #50c878;  
  border: none;  
  color: white;  
  padding: 10px 20px;  
  text-align: center;  
  text-decoration: none;  
  display: inline-block;  
  font-size: 16px;  
  margin: 4px 2px;  
  cursor: pointer;  
  border-radius: 12px;  
}  

.froge-section {  
  padding: 20px;  
}  

footer {  
  background-color: #333;  
  color: white;  
  text-align: center;  
  padding: 10px;  
  position: fixed;  
  bottom: 0;  
  width: 100%;  
}