@charset "utf-8";
* {
	transition: all 0.3s ease;
}

body {
	margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    background-color: #DBD9D0;
}

body a {
	text-decoration: none;
}

.Loading-Screen-Container {
	overflow: hidden;
	background-color: #D86B32;
	height: 100vh;
	width: 100vw;
	display: flex;
	justify-content: center;
	align-items: center;
}

.Loading-Screen {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.Next-Page {
	width: 0%;
	height: 0%;
	transition: transform 2s;
	animation: expandNext 1s forwards;
	animation-iteration-count: 1;
	animation-delay: 6s;
	position: absolute;
	z-index: 1;
}

@keyframes expandNext {
	0% {
		width: 0%;
		height: 0%;
	}
	
	100% {
		width: 100%;
		height: 100%;
	}
}

.Loading-Screen-Image {
	align-content: center;
	justify-content: center;
	display: flex;
	transition: width 2s;
}

.Loading-Screen-Image img {
  	width: 160%;
 	height: auto;
	transition: transform 2s;
}

@keyframes shrinkImage {
	0% {
		width: 160%;
		transform: scale(1);
	}
	
	100% {
		width: 130%;
		transform: scale(0.8125)
	}
}

.Loading-Screen-Image img {
	animation: shrinkImage 2s forwards;
	animation-delay: 3.7s;
	animation-iteration-count: 1;
}