aside {
    position: fixed;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    z-index: 2;

    #socials {
        position: fixed;
        top: 1vw;
        right: 1.2vw;

        display: flex;
        flex-direction: row-reverse;

        .icon {
            aspect-ratio: 1/1;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            height: 3.5rem;

            img {
                aspect-ratio: 1/1;
                height: 60%;
                opacity: .5;
            }

            &:hover {
                img {
                    opacity: 1;
                }
            }
        }

        #main-ico {
            background-color: var(--primary55);
            margin-left: 0;

            img {
                padding-top: 2%;
                opacity: 1;
            }
        }

        #socialIcons {
            display: flex;
            overflow: hidden;
            flex-direction: row-reverse;

            max-width: 0;
            transition: max-width 0.75s ease;
        }

        @media screen and (max-width: 979px) {
            display: none;
        }
    }
}