:root{
    --blue: #1DA0E4;
    --black: #070707;
    --Lemonada: Lemonada;
    --Lato-Italic: LatoItalic;
}

ul{
    list-style: none;
}

main{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-image: url(img/Contact/bcg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2em;
    min-height: 120vh;
    justify-content: center;
    padding-top: 10vh;
}
    main>div{
        display: flex;
        flex-wrap: wrap;
        background-color: hsla(0, 0%, 96%, 0.8);
        /*
        background-image: url(img/Contact/stacked-waves-haikei.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
        */
        border-radius: 2em;
        max-width: 80vw;
        padding: 1em;
        margin: 2em;
        justify-content: center;
    }
    .contactWrapper{
        display: flex;
        flex-direction: column; 
        margin: 1em;
    }
        .contactWrapper>h1{
            font-family: var(--Lemonada);
            color: var(--blue);
            text-shadow: var(--black) 2px 2px 2px;
        }
        .contactWrapper-inside{
            display: flex;
            align-items: center;
        }
            .link{
                font-family: var(--Lato-Italic);
                color: var(--black);
                text-decoration: none;
                font-size: 1.1em;
                transition: 0.4s;
            }
                .link:hover{
                    color: var(--blue);
                    text-shadow: var(--black) 2px 2px 2px;
                }

aside{
    position: fixed;
    right: 0;
    top: 50%;
    list-style: none;
    background-color: white;
    padding: 0.5em;
}

    aside>li{
        margin: 0.5em 0;
    }

.socialMediaIcon{
    stroke: var(--blue);
}