body {
	font-family: Verdana, Consolas, serif;
}

header {
	position: fixed;
	top: 0;
	z-index: 99;
	width: 100%;
	backdrop-filter: blur(40px);
}
#app {
	max-width: 500px;
	margin: 30px auto auto auto;
	padding-top: 10rem;
	font-size: 18px;
}


#exp {
	margin-top: 1.2rem;
	width: 90%;
	height: 5rem;
	border-radius: 3px;
	padding-left: 10px;
	font-size: 1.6rem;
}
#output {
	margin-bottom: 80px;
}
#notes {
	font-size: 16px;
}

button {
	width: 10rem;
	height: 3rem;
	border-radius: 4px;
	border: transparent;
}

button:hover{
	background-color: black;
	color: white;
	cursor: pointer;
}

ol li {
	animation: fadeIn 1s ease-in-out;
	opacity: 0;

}

@keyframes fadeIn {
	0%{
		opacity: 0;
		
	}

	100% {
		opacity: 1;
		transform: scale(1.2);
	}
}

ol li:nth-child(1){
	animation-delay: 1s;
	opacity: 1;
}
ol li:nth-child(2){
	animation-delay: 2s;
	opacity: 1;
}
ol li:nth-child(3){
	animation-delay: 3s;
	opacity: 1;
}
ol li:nth-child(4){
	animation-delay: 4s;
	opacity: 1;
}
ol li:nth-child(5){
	animation-delay: 5s;
	opacity: 1;
}