@charset "utf-8";
/* CSS Document */
*{
		font-family: 'Poppins', sans-serif;
}
body{
	background: #20206A;
}
a{
	text-decoration: none;
	color: white;
	font-size: 24px;
}
.send{
	font-size: 24px;
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
	color: white;
	width: 80vw;
	border-radius: 17px;
background: #20206A;
animation: push 1s forwards;
}
.wrapper{
	opacity: 0;
	display: block;
	height: 18vh;
	padding: 19px;
	
}
@keyframes push{
	from{
		box-shadow: none;
	}
	to{
		box-shadow:  20px 20px 60px #151546, 
             -20px -20px 60px #2b2b8e;
	}
}
.wrapper:nth-of-type(1){
	animation: fade ease 1s forwards 1s;
}
.wrapper:nth-of-type(2){
	animation: fade ease 1s forwards 1.5s;
}
.wrapper:nth-of-type(3){
	animation: fade ease 1s forwards 2s;
}
@keyframes fade{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
#back{
	position: absolute;
	top: 20px;
	left: 20px;

	text-align: center;
	line-height: 45px;
}
#back:hover{
	        animation: swing 1s ease 0.2s;
 animation-iteration-count: 5;
}
@keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
img{
	filter: invert(100%);
	float: left;
	padding: 0px 20px;
}
ul{
	list-style: none;
}
.money{
	height: 150px;
	width: 150px;
}