main{
    height: 100vh;
    width: 100%;
    color: white;
    display: grid;
    place-items: center;
    background-color: black;
}

.email-box{
    position: relative;
}

.email{
    font-size: 36px;
    position: relative;
    z-index: 10;
}

.shape{
    position: absolute;
    z-index: 5;
}

.email-box-top-shape{
    width: 100px;
    height: 100px;
    background-color: #87D2B3;
    left: -65px;
    top: -65px;
    animation: shapeMove 7s linear 0s normal infinite forwards ;
}

.email-box-bottom-shape{
    width: 50px;
    height: 50px;
    background-color: #D4592D;
    right: -15px;
    bottom: 20px;
    animation: shapeMove 7s ease 0s infinite alternate-reverse both;
}


footer, .copy-right{
    display: none;
}

@keyframes shapeMove {
    0% {
		transform: translate(0);
	}

	20% {
		transform: translate(-2px, 2px);
	}

	40% {
		transform: translate(-2px, -2px);
	}

	60% {
		transform: translate(2px, 2px);
	}

	80% {
		transform: translate(2px, -2px);
	}

	100% {
		transform: translate(0);
	}
}

/* @media screen and (max-width:500px) {
    #content{
        flex-wrap: wrap;
        text-align: center;
    }

    #about-img{
        width: 100%;
        align-self: center;
        margin-top: 50px;
    }

    #about-text{
        text-align: center;
        margin-top: 50px;
    }

} */