@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro&family=Source+Serif+Pro:wght@300;400&display=swap');

body {
	font-family: 'Source Serif Pro';
	font-weight: 400;
}

h1 {
	font-size: 42px;
	font-weight: 400;
	margin-bottom: 15px;
}

a {
	color: #98b8eb;
	text-decoration: none;
}

.txtIn {
	font-family: 'Source Serif Pro';
	font-weight: 400;
	font-size: 24px; 
	padding: 5px;
	border: 1px solid gray;
}

.txtOut {
	width: 800px; 
	height: 100px; 
	padding: 5px; 
	border: 1px solid gray;
	font-family: 'Source Code Pro', Consolas, monospace;
	font-size: 15px;
}

.copyButton {
	font-family: 'Source Serif Pro';
	font-size: 16px;
	padding: 6px 10px 6px 10px;
}

.example {
	font-family: 'Source Code Pro', Consolas, monospace;
	font-size: 10px;
	line-height: 96%;
}

.fadedIn {
	color: black;
	transition: color 1s;
}

.fadedOut {
	color: white;
	transition: color 0.6s;
}