:root {
	--orangeMedium: #f28e70;
	--orangeHard: #e8562d;
	--blueDark: #2e6268;
	--blueHard: #3a7780;
	--blueSoft: #9ebebb;
	--orangeSoft: #f8bd93;
	/*Out of original pallete*/
	--blueUltraSoft: #d4e8e6;
}

@font-face {
	font-family: 'Comfortaa Light';
	src: url("fonts/Comfortaa-Light.ttf");
	font-display: block;
}

@font-face {
	font-family: 'Comfortaa Regular';
	src: url("fonts/Comfortaa-Regular.ttf");
	font-display: block;
}

@font-face {
	font-family: 'Comfortaa Bold';
	src: url("fonts/Comfortaa-Bold.ttf");
	font-display: block;
}

@font-face {
	font-family: 'Lora Regular';
	src: url("fonts/Lora-Regular.ttf");
	font-display: block;
}

@font-face {
	font-family: 'Lora Medium';
	src: url("fonts/Lora-Medium.ttf");
	font-display: block;
}

@font-face {
	font-family: 'Lora Bold';
	src: url("fonts/Lora-Bold.ttf");
	font-display: block;
}

body {
	font-size: 17px;
}

button.kumutu-blue {
	border-radius: 20px;
	border: 3px solid var(--blueHard);
	background: var(--blueHard);
	color: #fff;
	padding: 4px 30px;
	font-family: 'Comfortaa Bold';
}

button.kumutu-white {
	border-radius: 30px;
	border: 3px solid var(--blueSoft);
	background: #fff;
	color: var(--blueHard);
	padding: 4px 30px;
	font-family: 'Comfortaa Bold';
}

a {
	text-decoration: none;
	color: #fff;
}