/* Стиль для шапки */
    header {
    color: #ffffff;
    background-color: #302b2b; /* Цвет фона шапки */
    }
    
    @media (min-width: 768px) {
    header nav {
    height: 64px;
    color: #ffffff;
    background-color: #302b2b; /* Цвет фона шапки */
    }
    }
    
    header .navbar-nav .nav-link {
    color: #ffffff; /* Белый цвет текста навигационных ссылок */
    }
    
    header .navbar-nav .nav-link:hover {
    text-decoration: none;
    background-color: yellow; /* Фон ссылок при наведении */
    color: #302b2b; /* Цвет текста ссылок при наведении */
    }
    
    /* Стиль для футера */
    footer {
    background-color: #302b2b;
    height: 80px;
    color: #8b8b8b;  
    bottom: 0;
    right:0;
    width: 100%;
    }
    
    /* Стиль для заголовков */
    h1 {
    font-size: 1.5em;
    }
    
    h2 {
    font-size: 1.25em;
    }
    
    h3 {
    font-size: 1.1em;
    }

    p {
        font-size: 20px;      
    }

    pr{
        font-size: 20px;
    }
    
    #image-preview {
        
        object-fit: cover;
        width: 200px;
        height: 200px;

    }