@font-face {
	font-family: Poppins;
	src: url('../fonts/Poppins-Medium.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family: Poppins-light;
	src: url('../fonts/Poppins-Light.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

body{
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: Poppins;
}

.decoration-top{
	position: absolute;
	width: 100%;
	transform: rotate(180deg);
	top: -1px;
	left: 0px;
}

.decoration-bottom{
	position: absolute;
	width: 100%;
	bottom: 0px;
	left: 0px;
}

.reveal-animation::before{
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    transition: 0.6s;
    transition-delay: 0.1s;
}

.reveal-animation.in::before{
	width: 0;
}