/*this CSS contains styling for popup notifications*/

.popup{
	background-color: #ffffff;
	width: 450px;
	padding: 30px 40px;
	position: absolute;
	transform: translate(-50%,-50%);
	left: 50%;
	top: 50%;
	border-radius: 16px;
	border-style: solid;
	border-width: 3px;
	border-color: #666666;
	display: none;
	text-align: center;
	z-index:5;
	box-shadow: 5px 5px 1px rgb(255, 204, 0);

}
.popup button{
    display: block;
    margin:  0 0 20px auto;
    background-color: transparent;
    font-size: 30px;
    color: #c5c5c5;
    border: none;
    outline: none;
    cursor: pointer;
}


/*Note, Sizes and Units; 1em = 16px @100%, 1vw = 1% of viewport width */