body {
    background: #FFC0CB; /* Ніжно-рожевий фон */
    background: #FFB6C1; /* Світло-рожевий фон */
    background: rgb(255, 228, 225); /* Дуже світлий рожевий */
    color: #8B008B; /* Темно-малиновий текст */

    --color-red: #FF69B4; /* Гарячий рожевий */
    --color-orange: #FFDAB9; /* Персиковий */
    --color-yellow: #FFFACD; /* Лимонний шифон */
    --color-green: #98FB98; /* Блідо-зелений */
    --color-cyan: #E0FFFF; /* Світло-блакитний */
    --color-purple: #DDA0DD; /* Сливовий */

    font-family: -apple-system, "Segoe UI", system-ui, Roboto, Ubuntu, 'Helvetica Neue', Oxygen, Cantarell, Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'
}

header {
    max-width: 700px;
    display: inline-block;
    padding: 80px 0 80px 100px;
}

header h1 {
    margin: 0;
    letter-spacing: 0.05em;
}

header p {
    margin: 1.65rem 0;
}
#indexWrapper {
    width: 50%;
    display: inline-block;
    height: 100vh;
    border-left: 1px solid #FFB6C1; /* Світло-рожева межа */
    float: right;
    padding: 80px 0;
    
}

#indexWrapper ul {
    padding: 0 80px;
    list-style-type: none;
    
}


#index {
    font-size: 1.333em;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover, .link {
    text-decoration: underline;
}

#index li {
    margin-bottom: .5em;
    
}

.links-hub a {
    color: #8B008B; /* Темно-малиновий текст */
    text-decoration: none;
}

.links-hub a:hover {
    text-decoration: underline;
}

.ut-orange {
    background-color: #FF69B4; /* Гарячий рожевий */
    color: white;
}

section {
    padding: 40px 80px;
}

.education h2 {
    margin: 0;
}

.block {
    display: block;
    width: 100%;
}

article {
    min-height: 200px;
    display: block;
    clear: both;
    margin-bottom: 120px;
}

.project-img {
    width: 50%;
    max-width: 50%;
}

.project-img img {
    max-width:100%; 
    max-height:100%;
}

.text-block {
    padding: 0 40px;
    display: inline-block;
}

.featured-image img {
    max-width: 100%;
    max-width: min(800px, 100%);
}

.card {
    width: 26rem;
    max-width: 100%;;
    margin: 1rem 0.75rem;
    background-color: #DB7093; /* Блідо-фіолетово-червоний */
    color: #FFF0F5; /* Лавандовий рум'янець */

    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);
    border-color: #DB7093; /* Блідо-фіолетово-червоний */
}

.card-body {
    padding: 0.5rem 1rem;
}

.card-body p {
    margin-bottom: 1rem;
}

.card .tech {
    margin-bottom: 1rem;
}

.card-title {
    margin-top: 0.5rem;
}

.projects {
    background-color: #FFF0F5; /* Лавандовий рум'янець */
    padding-bottom: 120px;
}


footer {
    padding: 40px;
    background: #C71585; /* Середньо-фіолетово-червоний */
    color: #FFF0F5; /* Лавандовий рум'янець */
    font-size: 0.85rem;
}

.sub-text {
    font-size: 0.9rem;
    margin-top: -0.5em;
    margin-bottom: 1em;
}

.tech {
    margin: 0;
    padding: 0;
}

.tech li {
    list-style: none;
    display: inline-block;
    margin: 0 1rem 0 0;
    font-size: 0.87rem;
}

.tech li:first-child {
    margin-left: 0;
}

@media only screen and (max-width: 768px) {
    header {
        max-width: 100%;
        max-width: 100%;
        padding: 80px 40px 40px 40px;
    }

    .featured-image img {
        max-width: 100%;
    }

    .half {
        width: 100%;
    }

    #indexWrapper {
        width: 100%;
        border: none;
        float: none;
    }

    #indexWrapper ul {
        padding: 0 40px;
    }

    section {
        padding: 20px 25px;
    }
    
}