@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');



.hello{
	width: 600px;
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 50px;

	 background-image: linear-gradient(
    180deg,
    hsl(322deg 100% 59%) 0%,
    hsl(324deg 100% 65%) 0%,
    hsl(324deg 100% 69%) 1%,
    hsl(325deg 100% 73%) 2%,
    hsl(326deg 100% 77%) 3%,
    hsl(326deg 100% 80%) 5%,
    hsl(326deg 100% 83%) 9%,
    hsl(327deg 100% 86%) 17%,
    hsl(327deg 100% 89%) 44%,
    hsl(327deg 100% 92%) 74%,
    hsl(327deg 100% 94%) 86%,
    hsl(327deg 100% 97%) 94%,
    hsl(0deg 0% 100%) 100%
  );

}


body{
  font-family: "Libre Franklin", sans-serif;
}

a {
	color: #eb0093 !important; 
}

.hello a{
	
}

.wrapper{
	/* max-width: 700px; */
}

.feature-image{
	margin-bottom: 20px;
}


h1, h2, h3, h4, h5, h6{
	font-family: "Lora", system-ui;

}

.post-content{
	font-size: 120%;
	line-height: 160%;
}

.kg-image{ /* this resizes almost all the imports */
	display: block;
  max-width:700px;
  max-height:1000px;
  width: auto;
  height: auto;
  margin: 25px;
}

.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6{
	margin-top: 50px;
}

.post-content li
{
	margin-top: 15px;
}

.site-header {
  border-top: 5px solid #eb0093 !important;
}

.site-title {
  font-weight: 800 !important;
}