@import url("https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.zinc.min.css");

[data-theme="dark"],
:root:not([data-theme="light"]) {
    --pico-background-color: #c0c4c4;
    --pico-card-background-color: #f4fcfc;
    --pico-card-box-shadow: 0;
    --pico-h1-color: #9aa2a8;
    --pico-h2-color: #9aa2a8;
    --pico-h3-color: #9aa2a8;
    --pico-h4-color: #bdc6cc;
    --pico-h5-color: #9aa2a8;
    --pico-h6-color: #9aa2a8;
    --pico-primary-background: #f4fcfc;
    --pico-primary-hover-background: #ffffff;
}

.card-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 10px;
}

img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 2%;
    margin-bottom: 15px;
}

article {
    text-align: center;
}

main {
    max-width: 700px;
    margin: auto;
}

.icons {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5%;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    /* filter: invert(80%) sepia(4%) saturate(500%) hue-rotate(180deg) brightness(74%) contrast(95%); */
}

/* .icons img {
  width: 500px;
} */

.left {
    text-align: left;
}

.full {
    max-width: max-content;
    padding-left: 5%;
    padding-right: 5%;
}

.nopad {
    margin-left: 100px;
    margin-right: 100px;
    padding-bottom: 0.5%;
}