/*
Theme Name: AO4
Version: 1.0
*/

html,
body{
    margin:0;
    padding:0;
}

p{
	margin-top: 0;
}

/* Enable View Transitions */
@view-transition {
	navigation: auto;
}

/* Página que está saindo */
::view-transition-old(root) {
	animation: slide-out 0.45s cubic-bezier(.4,0,.2,1);
}

/* Página que está entrando */
::view-transition-new(root) {
	animation: slide-in 0.45s cubic-bezier(.4,0,.2,1);
}

@keyframes slide-out {
	from {
		transform: translateX(0);
		opacity: 1;
	}

	to {
		transform: translateX(-40px);
		opacity: 0;
	}
}

@keyframes slide-in {
	from {
		transform: translateX(40px);
		opacity: 0;
	}

	to {
		transform: translateX(0);
		opacity: 1;
	}
}