@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&family=Courgette&family=Sriracha&display=swap');

* { box-sizing: border-box;}

header, h1, h2 {
	font-family: 'courgette', sans-serif;
	color: #FF1616;		
	background: #F1D0E5;
	margin-bottom: 20px;
	align-content: center;
	text-align: center;
}

h1 {
	font-size: 60px;
	margin-bottom: -30px;
}

h3 {
	font-family: 'comfortaa', sans-serif;
	font-size: 40px;
}

#welcome nav, li {
	font-family: 'comfortaa';
	background: #9672DD;
	text-decoration: none;
	color: white;
	padding: 14px;
}

.row, header, nav, a {
	color: white;
	margin: 10px;
	text-decoration: none;
	text-align: center;
	
}

.row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.row > * {
  width: 75%;
  flex-grow: 1;
  padding: 2em;
}

.row img {
  width: 75%;
  display: block;
  mix-blend-mode: multiple;
}

img {
	display: flex;
	flex-wrap: wrap;
	margin: 20px;
}

ul, li {
	list-style: none;
	 display: inline-block;
}

section > * {
  text-align: left;
  padding: 1em;
  position: relative;
  display: flex;
  align-items: center;
/*  margin-left: 20px;*/
}

.social {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
}

body {
	background: #18979D;
	font-family: 'comfortaa', sans-serif;
}

@media screen and (min-width:500px){
    width: 100%;
    
}