p {
    max-width: 65ch;
}

h2 {
    font-family:
        "League Spartan", "Century Gothic", ui-sans-serif, system-ui,
        sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
        "Noto Color Emoji";
    font-weight: 900;
}

i {
    font-size: small;
    font-weight: 300;
}

.me-img {
    display: block;
    max-width: 500px;
    border-radius: 4px;
    width: 95%;
    height: auto;
    border: 4px solid var(--base-200);
}

.about-container {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

@media (min-width: 768px) {
    img {
        object-fit: scale-down;
    }
}