body {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	width:100%;
	height:100%;
	position: absolute;
	margin:0px;
	color: #fff;
	font-size: 16px;
	padding:0px;
	font-family: 'Poppins', sans-serif;
}

a {
	text-decoration:none;
	color:#ffc816;
}

a:hover {
	text-decoration:none;
	color:#fff;
}

.alert{
	font-size:0.8em;
	letter-spacing:1px;
	text-transform:uppercase;
}

.button{
	background: #0bb0ff;
	color: #fff;
	padding: 10px 20px;
	display: table;
	margin: 10px auto 0px auto;
	border-radius: 10px;
	font-weight: 700;
	font-size: 1em;
}

.button:hover{
	background:#ffc816;
	color:#0a237e;
}

h1{
	padding: 0px 0px;
	font-size: 1.3em;
	font-weight: 400;
	line-height: 125%;
}

h2{
	margin: 0px 0 3em 0;
	font-size: 17px;
	text-transform: none;
	font-weight: 500;
	letter-spacing: 0px;
}

.container{
	position:absolute;
	width:100%;
	height:100%;
	display: table;
	/*background: radial-gradient(rgb(0,119,255) 0%,rgb(115,0,255) 100%);*/
	background-size:cover;
}
.container {
    background: linear-gradient(300deg,#0bc2ff,#0077ff,#5c00ff,#0bc2ff);
    background-size: 180% 180%;
    animation: gradient-animation 10s ease infinite;
}
@keyframes gradient-animation {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.container-middle{
	display: table-cell;
	vertical-align: middle;
	font-weight: 300;
	line-height: 145%;
	padding: 50px 25px;
}

.wrapper{
	max-width: 380px;
	margin:auto;
	padding: 10px 10px;
	text-align: center;
}

.wrapper > *:not(:first-child, :last-child){
	margin-block-start: 1em;
	margin-block-end: 1em;
}

.container img{
	width:auto;
	max-width: 280px;
	width:100%;
	height:auto;
	margin-bottom: 1em;
}


@media (max-width: 460px) {
	.container img {
		max-width: 88%;
	}

	h1{
		font-size: 1.2em;
	}
}