main > div
{
    padding: var(--size-default);
    border-radius: calc(var(--size-default) / 4);
    border-width: var(--border-width-default);
    background: #efefef;
    border-color: rgba(0,0,0,0.5);
    border-style: solid;
    box-shadow: 0 calc(var(--size-default) / 2) calc(var(--size-default) / 2) rgba(0,0,0,0.4);
    display: grid;
    align-items: center;
    grid-template-columns: auto 1fr;
    grid-gap: var(--size-default);
}

main > div > header
{
    grid-column: 2/3;
    background: var(--background-color-header);
    color: var(--color-header);
    border-left-color: var(--color-icon);
    border-left-style: solid;
    padding: calc(var(--size-default) / 5) calc(var(--size-default) / 2);
    border-left-width: var(--size-default);
    border-radius: 0 calc(var(--size-default) / 5) calc(var(--size-default) / 5) 0;
    font-size: calc(var(--size-default) * 1.7);
    margin-left: -1.5rem;
}

main > div > figure
{
    grid-column: 1/2;
    grid-row: 1/2;
    font-family: fontello;
    font-size: calc(var(--size-default) * 4);
    color: var(--color-input);
    margin: 0;
    background: var(--color-icon);
    border-radius: 50%;
    width: calc(var(--size-default) * 6);
    height: calc(var(--size-default) * 6);
    display: flex;
    justify-content: center;
    align-items: center;
}

main > div > div
{
    grid-column: 2/3;
}

main > div > div > h1
{
    font-size: calc(var(--size-default) * 1.2);
    margin-bottom: calc(var(--size-default) * 0.4);
    font-weight: 900;
    margin-top: calc(var(--size-default) * 1.5);
}

main > div > div > p
{
    margin: 0;
}

main > div > div > ul
{
    padding-left: var(--size-default);
    margin: 0;
}

main > div > div > p > a:hover
{
    filter: brightness(130%);
}

@media screen and (orientation:portrait)
{
    main > div
    {
        position: relative;
    }

    main > div > *
    {
        grid-column: 1/3 !important;
    }

    main > div > header
    {
        margin-left: 0;
        position: relative;
    }

    main > div > figure
    {
        font-size: calc(var(--size-default) * 1.7) !important;
        background: transparent;
        width: calc(var(--size-default) * 1.7) !important;
        height: calc(var(--size-default) * 1.7) !important;
        position: absolute;
        right: calc(var(--size-default) / 2);
        color: var(--color-icon);
    }
}