@media screen and (min-width: 600px) {

	#main-div{
		width: 100vw;
		height: 100vh;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background-image: url("/OXYGNIS/image/404.svg");
		background-size: cover;
		background-position: center;
	}

	#main-div > h1{		
		font-size: 30vh;
		line-height: 30vh;
		font-weight: normal;
		color: #E69D13;
		animation: h1 1s backwards;
		animation: opacity 1s backwards;
	}
	#main-div > p{
		width: 50vw;
		text-align: center;
		font-size: 2vw;
		line-height: 3vw;
		font-weight: bold;
		margin: 0 0 1vw 0;
		animation: up 1s backwards;
		animation-delay: .1s;
	}
	#success-button{
		display: flex;
		margin: 2vw 0 0 0;
		animation: up 1s backwards;
		animation-delay: .2s;
	}
	#success-button > a{
		width: 12vw;
		height: 3.5vw;
		text-align: center;
		line-height: 3.5vw;
		margin: .15vw;
		font-size: 1.2vw;
		font-weight: bold;
		transition: all .2s;
	}
	#success-button > a:hover{
		transform: scale(1.2);
	}
	#success-button > a:first-child{
		background: linear-gradient(150deg, #E69D13 0%, #FB8B24 100%);
		border-radius: 1.75vw 0 0 1.75vw;
		transform-origin: right;
		color: #fff;
	}
	#success-button > a:last-child{
		background: linear-gradient(90deg, #F2E7E9 0%, #F2EEE7 100%);
		border-radius: 0 1.75vw 1.75vw 0;
		transform-origin: left;
	}
}



@media screen and (max-width: 600px) {
	#main-div{
		width: 100vw;
		height: 100vh;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background-image: url("/OXYGNIS/image/404-mobile.svg");
		background-size: cover;
		background-position: center;
	}
	#main-div > h1{		
		font-size: 45vw;
		line-height: 45vw;
		font-weight: normal;
		color: #E69D13;		
		animation: opacity 1s backwards;
	}
	#main-div > p{
		width: 90vw;
		margin: 0 5vw;
		font-size: 6vw;
		line-height: 8vw;
		font-weight: bold;
		margin: 3vw 0;
		text-align: center;
		animation: up 1s backwards;
		animation-delay: .1s;
	}
	#success-button{
		display: flex;
		margin: 6vw 0 0 0;
		animation: up 1s backwards;
		animation-delay: .2s;
	}
	#success-button > a{
		width: 38vw;
		height: 12vw;
		text-align: center;
		line-height: 12vw;
		margin: .45vw;
		font-size: 3.6vw;
		font-weight: bold;
		transition: all .2s;
	}
	#success-button > a:first-child{
		background: linear-gradient(150deg, #E69D13 0%, #FB8B24 100%);
		border-radius: 6vw 0 0 6vw;
		transform-origin: right;
		color: #fff;
	}
	#success-button > a:last-child{
		background: linear-gradient(90deg, #F2E7E9 0%, #F2EEE7 100%);
		border-radius: 0 6vw 6vw 0;
		transform-origin: left;
	}
}