@import url(https://fonts.googleapis.com/css?family=Lemon);
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');
body { background: url('../assets/images/background.jpg') repeat center center fixed; background-color:black;}

#toast-container > .toast {
  font-family: 'Lemon', sans-serif; 
  font-size: 22px;
}

@supports(padding:max(0px)) {
	body, header, footer {
		padding-left: min(0vmin, env(safe-area-inset-left));
		padding-right: min(0vmin, env(safe-area-inset-right));
	}
}



.container {
	max-width: 800px;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 50px auto;
	padding: 20px;
	position: relative;
	border: 10px solid teal;
	border-radius: 20px;
	background-color: #191C24;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.container::before,
.container::after {
	content: '';
	position: absolute;
	top: -10px;
	left: -10px;
	right: -10px;
	bottom: -10px;
	z-index: -1;
	/*background-image: url('flower.png');=*/
	/*background-size: cover;*/
	border-radius: 30px;
}

.container::before {
	transform: rotate(45deg);
}

.container::after {
	transform: rotate(-45deg);
}

footer {
    display: flex;
    font-size: 12px;
    margin-top:10px;
    width: 100%;
    justify-content: right;
    color: #555;
}

a {
  color: tan;
}