/*
royal purple 642869
ep 
ap 
alumini





*/

body {
  	/*background-color: #00B4B9;*/
  	text-align: left;
	font-family:  quicksand, sans-serif;
/*	font-weight: 500;*/
	max-width: 800px;
	margin-left: auto;
  	margin-right: auto;
  	padding: 20px;
/*  	margin-top: 50px;*/
  	display: block;

}

@font-face {
  font-family: playwrite;
  src: url(fonts/PlaywriteCZ[wght].ttf);
}

@font-face {
  font-family: quicksand;
  src: url(fonts/Quicksand-VariableFont_wght.ttf);
}

@font-face {
  font-family: vt232;
  src: url(fonts/VT323-Regular.ttf);
}



h1,h2,h3,h4,h5,h6{
/*	font-weight: 900;*/
	color: #46C016;
	font-family: vt232, digital, sans-serif;
	text-align:  center ;
	margin:  0px;
	color: black;
}


h1 {
	font-size: 100px;
	font-weight: 400;
	padding: 10px ;
/*	margin: 10px;*/
	font-family: playwrite, serif;
/*	color: #642869;*/
/*	color: white;*/
/*	background-color: #642869;*/
/*	border-radius: 50px;*/
	
}


/*h2 {
;

*/}
/*h1:hover{
	font-family: vt232;
}*/

h3,h4,h5,h6{
	text-align: left;	
}

p{
    font-size: 19px;
    text-align: justify;
/*    font-family:"Courier New",  serif;*/
 
}

a {
/*	color: black;*/
	text-decoration: none;
	transition: 0.2s;
}

p > a {
	color: #ffa829;	
}

.tool > a {
	color: black;	
}

footer > div > a {
	color: darkgrey;


}
/*a:hover{
	color: #00B4B9;
	text-decoration: none;
	transition: 0.2s;
}*/

.title{
	padding-bottom: 2em;

}



.toolbox {
	font-weight: 500;
  	transition: 0.1s;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-evenly;
	align-content: stretch;
}


.tool{
/*	color: #000000;*/
/*	font-family: serif;*/
/*	border: 2px solid black;*/
	border-radius: 10px;
	text-align: center;
	font-size: 20px;
	padding: 30px;
	margin: 10px;
	min-width: 150px;
}



.tool:hover{
	background-color: #f2f2f2;
	transition: 0.2s;
}

.emoji {

	font-size: 80px;

}

::selection {
/*  background-color: #642869;*/
}


footer {
	display: flex;
	flex-wrap: wrap;
	color: lightgrey;
	justify-content: space-around;
	max-width: 400px;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
/*	position: fixed;*/
/*	bottom: 20px;*/
}


header {
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	background-color: lightgoldenrodyellow;
	padding: 10px;
	border-radius: 10px;
}