:root {
    color-scheme: light dark;
}

* {
    box-sizing: border-box;
}

body {
    font-family: "Ubuntu Condensed", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    color: light-dark(#3b3b3b, #e5ded7);
}

.business-card {
    padding: 0.8rem 1rem;
    border-radius: 20px;
    border: 1px solid light-dark(#f6f6f6, #2c2c2c);
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px;
}

@media screen and (min-width: 50em) {
    .business-card {
        padding: 1rem 4rem;
    }
}



main {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 90vh;
}

a {
    padding: 0.4rem 0.8rem;
    color: light-dark(#0e83b2, #119fd8);
}

.contact-icon {
    background-repeat: no-repeat;
    padding-left: calc(1.2rem + 0.2rem);
    background-size: 1.2rem;
}

.github-link {
    background-image: url(assets/icons/picons-github.svg);
}

.gmail {
    background-image: url(assets/icons/picons-gmail.svg);
}

@media (prefers-color-scheme: dark) {
    .github-link {
        background-image: url(assets/icons/dark/picons-github.svg);
    }

    .gmail {
        background-image: url(assets/icons/dark/picons-gmail.svg);
    }
}

nav {
    min-height: 10vh;
    display: flex;
    justify-content: center;
}

ul {
    display: flex;
    gap: 1rem;
    padding: 0;
}

li {
    list-style: none;
}

.support-ukraine-banner {
    display: block;
    border-top: 1px solid light-dark(#2c2c2c, #7a7a7a);
    border-bottom: 1px solid light-dark(#2c2c2c, #7a7a7a);
    margin: 1em 0;
    padding: 1em 4em;
    text-align: center;
    font-size: 16px;
}

footer {
    text-align: center;
}