@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@300;400;700;900&display=swap');

body{
	font-family: 'Catamaran', sans-serif;
	background-color: #fff;
	background-image: url('../img/backgroundpattern.png');
	background-repeat: repeat;
	background-size: 300px 300px;
}

#errorMsg{
	width: 370px;
	padding: 8px 15px;
	color: #fff;
	text-align: center;
	position: fixed;
	top: 25px;
	right: calc(50% - 200px);
	left: calc(50% - 200px);
	border-radius: 35px;
	background-color: #ff3451;
	box-shadow: 0px 0px 10px #ccc;
}

#loginModal{
	width: 370px;
	height: 300px;
	padding: 10px 15px;
	border-radius: 20px;
	background-color: #fff;
	border: 2px solid #17adfe;
	box-shadow: 0px 0px 10px #ccc;
	margin: calc(25% - 100px) auto;
}

	#loginModal img{
		width: 200px;
		margin: 20px calc(50% - 100px) 10px calc(50% - 100px);
	}

	#loginModal h1{
		font-size: 30px;
		font-weight: 900;
		margin: 0 0 10px 0;
		padding: 0;
		text-align: center;
	}
	
	#loginModal input{
		width: calc(100% - 30px);
		border-radius: 25px;
		padding: 15px;
		display: block;
		font-weight: 20px;
		margin-bottom: 10px;
		border: 1px solid #17adfe;
	}
	
	#loginModal button{
		width: 100%;
		border-radius: 25px;
		border: 0;
		color: #fff;
		padding: 15px 10px;
		display: block;
		font-weight: 14px;
		text-align: center;
		margin-bottom: 10px;
		background-color: #17adfe;
	}