/*
Theme Name: Mikropony
Author: Kaspar Dornfeld
Description: Customized for Mikropony.com
Version: 1.0
License: All Rights Reserved
Tags: one-cloumn, light, one-pager
Text Domain: mikropony
*/

* {
	--bg: #ffffff;
	--dark: #090a0a;
	--yellow: #e4a230;
	--red: #eb5a6e;
	--brown: #a56b4f;
	--blue: #146cb4;
	box-sizing: border-box;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale; 
	transition: all 0.3s ease-in-out;
}

.dark {
	background: var(--dark);
	color: #ffffff;
}

.white {
	background: #ffffff;
	color: var(--dark);
} 

.yellow {
	background: var(--yellow);
	color: var(--dark);
} 

.yellow-invert {
	background: var(--dark);
	color: var(--yellow);
} 

.red {
	background: var(--red);
	color: #ffffff;
} 

.red-invert {
	background: var(--dark);
	color: var(--red);
} 

.red-invert-light {
	background: #ffffff;
	color: var(--red);
} 

.blue {
	background: var(--blue);
	color: var(--dark);
} 

.blue-invert {
	background: var(--dark);
	color: var(--blue);
}

.blue-invert-light {
	background: #ffffff;
	color: var(--blue);
} 

.brown {
	background: var(--brown);
	color: #ffffff;
} 

.brown-invert {
	background: #ffffff;
	color: var(--brown);
}

.brown-invert-dark {
	background: var(--dark);
	color: var(--brown);
} 

html {
	padding: env(safe-area-inset); 
}

body {
	background:var(--bg);
	color: var(--dark);
	overflow: scroll;
	font-family: "Roboto Mono", sans-serif;
	font-weight: 400;
	font-style: normal;
	
}