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

h1, h2, h3, h4, h5, h6 {  
    color: #2a9d8f;  
    font-weight: 600;  
    margin-bottom: 20px;  
}  

a {  
    color: #e76f51;  
    text-decoration: none;  
}  

a:hover {  
    text-decoration: underline;  
}  

nav {  
    background-color: #264653;  
    padding: 15px;  
}  

nav a {  
    color: #f4a261;  
    margin-right: 15px;  
    font-weight: bold;  
}  

footer {  
    background-color: #2a9d8f;  
    color: #fff;  
    padding: 10px 0;  
    text-align: center;  
}  

button {  
    background-color: #e63946;  
    color: #fff;  
    border: none;  
    padding: 10px 20px;  
    cursor: pointer;  
    border-radius: 5px;  
}  

button:hover {  
    background-color: #d62828;  
}  

.form-control {  
    border: 1px solid #ced4da;  
    border-radius: .25rem;  
    padding: 10px;  
    margin-top: 5px;  
}  

.container {  
    max-width: 1200px;  
    margin: 0 auto;  
    padding: 20px;  
}  

.froge-icon {  
    width: 50px;  
    height: 50px;  
}