@import 'base.css';
@import 'layout.css';
@import 'responsive.css';
@import 'components.css';
@import 'resume.css';


blockquote {
    position: relative;
    border-left: 4px solid #4a90e2;  /* Более современный синий цвет */
    margin: 2rem 0;
    padding: 1.5rem 2rem;
    background-color: #f8f9fa;  /* Светлый фон */
    border-radius: 0 8px 8px 0;  /* Скругление правых углов */
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);  /* Мягкая тень */
    font-style: italic;
    color: #2c3e50;  /* Более тёмный цвет текста */
    line-height: 1.6;
}

/* Добавляем кавычки */
blockquote::before {
    content: '"';
    position: absolute;
    left: 1rem;
    top: 0.5rem;
    font-size: 3rem;
    color: #4a90e2;
    opacity: 0.3;
    font-family: Georgia, serif;
}

/* Стили для источника цитаты */
blockquote cite {
    display: block;
    margin-top: 1rem;
    font-size: 0.9rem;
    color: #666;
    font-style: normal;
}

blockquote::after {
    content: '"';
    position: absolute;
    right: 1rem;
    bottom: -0.5rem;
    font-size: 3rem;
    color: #4a90e2;
    opacity: 0.3;
    font-family: Georgia, serif;
}

/* Анимация при наведении */
blockquote:hover {
    transform: translateX(5px);
    transition: transform 0.3s ease;
    border-left-color: #2c3e50;
}

.job-company {
    font-weight: bold;
    margin-top: 0.5em;
    font-family: inherit;
}

.job-role {
    margin-left: 1.5em;
    font-family: inherit;
}

.job-title {
    font-family: inherit;
    font-weight: normal;
}

.job-dates {
    color: #888;
    margin-left: 0.5em;
    font-size: 0.95em;
    font-family: inherit;
}

button.tab-btn {
    font-family: 'Courier New', monospace !important;
}

.quote {
    position: relative;
    margin: 2rem 0;
    padding: 1.5rem 2rem;
    background-color: #f8f9fa;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.quote .blockquote {
    position: relative;
    margin: 0;
    padding-left: 1.5rem;
    border-left: 4px solid #4a90e2;
    font-style: italic;
    color: #2c3e50;
    line-height: 1.6;
    font-size: 1.1rem;
}

/* Добавляем кавычки */
.quote::before {
    content: '"';
    position: absolute;
    left: 1rem;
    top: 0.5rem;
    font-size: 3rem;
    color: #4a90e2;
    opacity: 0.3;
    font-family: Georgia, serif;
}

.quote::after {
    content: '"';
    position: absolute;
    right: 1rem;
    bottom: -0.5rem;
    font-size: 3rem;
    color: #4a90e2;
    opacity: 0.3;
    font-family: Georgia, serif;
}

/* Анимация при наведении */
.quote:hover {
    transform: translateX(5px);
    transition: transform 0.3s ease;
}

.quote:hover .blockquote {
    border-left-color: #2c3e50;
}

/* Адаптивность для мобильных устройств */

.quote-unix {
    background-color: #f8f9fa;
    border-left-color: #4a90e2;
}

.quote-vinyl {
    background-color: #f0f0f0;
    border-left-color: #2c3e50;
}

.quote-minimalism {
    background-color: #ffffff;
    border-left-color: #95a5a6;
}