.navbar {
	z-index: 100000;
}

.centered-screen {
	position: absolute;
	width: 100%;
	top: 100px;
	left: 0;
	margin: auto auto;
	transform: translateY(0) translateX(0);
}

/* if is phone and centered-screen have too height */
@media (max-width: 767px) {
	.centered-screen {
		top: 80px;
	}
}

.popup {
    position: fixed;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
    z-index: 100;
    animation: popup 0.5s ease-in-out;
}

@keyframes popup {

	15% {
		transform: translateX(-50%) rotate(-6deg);
	}

	30% {
		transform: translateX(-50%) rotate(6deg);
	}

	45% {
		transform: translateX(-50%) rotate(-3.6deg);
	}

	60% {
		transform: translateX(-50%) rotate(2.4deg);
	}

	75% {
		transform: translateX(-50%) rotate(-1.2deg);
	}
}

.flex-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.flex-items {
	padding: 30px;
}