@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;600&display=swap');

body {
    font-family: 'Nunito', sans-serif;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #f1f4ff;
}

.main {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 50%;
}

.envelope-container {
    position: relative;
}

.envelope {
   
    transform: translatey(0px);
	animation: float 4s ease-in-out infinite;
}

.envelope-shadow {
    position: absolute;
    bottom: 0;
    left: 35%;
    right: 35%;
    width: 110px;
    height: 5%;
    margin: auto;
    border-radius: 50%;
    background-color: #3b3b3b;
    opacity: 0.3;
    animation: scale 4s ease-in-out infinite;

}

@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-10px);
	}
	100% {
		transform: translatey(0px);
	}
}

@keyframes scale {
	0% {
		transform: scaleX(1);
	}
	50% {
		transform: scaleX(1.3);
	}
	100% {
		transform: scaleX(1);
	}
}