body {
    padding: 0;
    margin: 0;
}

.container {
    background: #fff;
	background-size: 400% 400%;
    height: 100%;
    width: 100%;
    display: flex;
    position: fixed;
    align-items: center;
    justify-content: center;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.pain {
    position: relative;
    display: inline-block;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    color: #fff4de;
}

.amount {
    font-size: 10em;
    text-align: right;
    text-shadow: 0 0 20px #3a3a3a;
    line-height: 0.9em;
}

.amount-usd {
    font-size: 6em;
    text-shadow: 0 0 20px #3a3a3a;
    text-align: right;
}

.details {
    text-align: right;
    font-size: 3em;
    text-shadow: 0 0 5px #3a3a3a;
    margin-top: 0.2em;
    line-height: 1.4em;
}