@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

*, *:before, *:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body{
	margin: 0;
	padding: 0;
}

body,
input,
textarea,
button{
	font-family: 'Poppins', sans-serif;
	letter-spacing: -0.02em;
}

.main{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

	flex-direction: column;
	justify-content: center;
	align-items: center;

	min-height: 100vh;
}

.container{
	width: 1100px;
	max-width: 100%;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.fade-enter-active,
.fade-leave-active {
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.fade-enter,
.fade-leave-to {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}

/* .fade-enter-active{
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.fade-leave-active{
	-webkit-transition: opacity .3s cubic-bezier(1.0, 0.2, 0.2, 1.0);
	-moz-transition: opacity .3s cubic-bezier(1.0, 0.2, 0.2, 1.0);
	transition: opacity .3s cubic-bezier(1.0, 0.2, 0.2, 1.0);
} */
/*
.fade-enter-active{
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.fade-leave-active{
	-webkit-transition: opacity .3s cubic-bezier(1.0, 0.2, 0.2, 1.0);
	-moz-transition: opacity .3s cubic-bezier(1.0, 0.2, 0.2, 1.0);
	transition: opacity .3s cubic-bezier(1.0, 0.2, 0.2, 1.0);
} */

.fade-enter,
.fade-leave-to{
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}