/* Global styles */

/* Body/HTML styles */
body, html {
	margin: 0;
	padding: 0;
	font-family: Lora, serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	background-color: #fff;
}

/* Body styles */
body {
	color: #333332;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
	text-align: center;
	/* Disable text selection */
	-webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
}

/* Disable copy/paste */
input, textarea {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

/* Wrapper div styles */
.wrapper {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	transition: padding 0.3s ease; /* Smooth transition effect */
	padding-top: 75px;
	margin-top: 75px;
}

.wrapper h1 {
	font-size: 1.75em;
}

.wrapper p {
	color: rgba(0, 0, 0, .65);
}

.wrapper p em {
	color: rgba(0, 0, 0, 1);
	font-style: normal;
}

/* Link styles */
a {
	color: black;
	text-decoration: none;
}

a:visited {
	color: black;
}

a:hover {
	background-color: #DCDCDC;
}

a:active {
	color: #696969;
}

/* Heading styles */
h1 {
	color: rgba(0, 0, 0, .75);
}