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

.header {  
    background-color: #e6e6e6;  
    padding: 20px;  
    text-align: center;  
    color: #333;  
}  

.navbar a {  
    color: #333;  
    text-decoration: none;  
    display: inline-block;  
    padding: 14px 16px;  
    transition: background-color 0.3s, color 0.3s;  
}  

.navbar a:hover {  
    background-color: #ddd;  
    color: #1a73e8;  
}  

.container {  
    padding: 20px;  
}  

.froges {  
    background-image: url('/images/froge.svg');  
    background-repeat: no-repeat;  
    background-position: center;  
    width: 100px;  
    height: 100px;  
    margin: 0 auto;  
}  

.footer {  
    background-color: #e6e6e6;  
    text-align: center;  
    padding: 10px;  
    position: fixed;  
    left: 0;  
    bottom: 0;  
    width: 100%;  
    color: #777;  
}