body {
	width:100vw;
	height:100vh;
	padding:0;
	margin:0;
	display:flex;
	flex-direction: column;
	font-family: "Quicksand", sans-serif;
}

.content {
	flex:1;
	background-color:#26292e;
	padding:2rem;
}

.modal-container {
	width:100%;
	height:100%;
	display:flex;
	align-items: center;
	justify-content: center;
}

.modal {
	width:100%;
	max-width:30rem;
	background-color:#1d1e21;
	padding:1rem;
	border-radius:.5rem;
	color:white;
	text-align: center;
}

h1,h2,h2,h3,h4,h5,h6 {
	margin-top:0;
}

p > i {
	padding: .1rem .5rem;
	background-color: rgba(255,255,255,0.1);
	color: white;
	border-radius: .2rem;
	font-style: normal;
	font-weight: 700;
	cursor: default;
}

p > i {
  position:relative;
  overflow:hidden;
  cursor:pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

p > i > span {
  transition: 1s;
  background-color: rgba(255,255,255,0.1);
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  opacity:1;
}

footer {
	background-color:#1d1e21;
	padding:1rem;
	color:white;
	display:flex;
	justify-content: space-between;
	align-items: center;
}

footer p {
	padding:0;
	margin:0;
}

footer .logo {
	height:2rem;
	display:block;
}