.modalWindowBackground:has(.modalNote)
{
	width: fit-content;
    height: fit-content;
	background: none;
		
	transition: 0.5s all ease-in-out;
	
	position: fixed;
	left: 50%;
    transform: translateX(-50%);
}

.modalWindow:has(.modalNote)
{
	padding: 0em 1em;
	border: none;
	background: #152f5a;
	
	font-weight: 500;
	color: white;
}

@keyframes modalNoteShowUp
{
	0%
	{
		top: 100vh;
		opacity: 0;
	}
	
	30%
	{
		opacity: 100;
		top: 85vh;
	}	
	
	100%
	{
		opacity: 100;
		top: 85vh;
	}
}

.modalWindowBackground:has(.modalNote)
{
	animation-name: modalNoteShowUp;
	animation-duration: 3s;
	animation-iteration-count: 2;
	animation-fill-mode: forwards;
	animation-direction: alternate;
}