@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap');
body{
	font-family: 'Roboto Mono', monospace;
	width: 90%;
	margin: auto;
}
li{
	list-style-type: none;
}
nav li{
	display: inline-block;
	margin: 5px 5px;
}
nav{
	text-align: center;
	width: 50%;
	margin: auto;
}
a{
	text-decoration: none;
	color: white;
	font-size: 1em;

}
header{
	background:linear-gradient(rgba(200,200,200,0.8), rgba(0,0,0,0.5)), url(logo.jpg);
	background-size: cover;
	background-position: center;
	padding: 20px;
	text-align: center;
}
header h1{
	color: white;
}
main article{
	display: inline-block;
}
#white p{
	color: white;
}
#yk{
	width: 30%;
	text-align: left;
	background:linear-gradient(rgba(200, 200, 200, 0.7), rgba(0, 0, 0,0.5)), url(koritsa.png); 
	background-size: cover;
	background-position: center;
	padding: 60px 15px 40px 15px;
	
}
#yc{
    width: 30%;
	text-align: left;
	background:linear-gradient(rgba(200, 200, 200, 0.7), rgba(0, 0, 0,0.5)), url(ar2.jpg); 
	background-size: cover;
	background-position: center;
	padding: 60px 15px 40px 15px;	
}
#yr{
	width: 30%;
	text-align: left;
	background:linear-gradient(rgba(200, 200, 200, 0.7), rgba(0, 0, 0,0.5)), url(zem.jpg); 
	background-size: cover;
	background-position: center;
	padding: 80px 15px 40px 15px;
}
#xibo{
	margin-left: 500px;
}
#com{
	margin-left: 300px;
}
#pcom{
	background-color: #affaf4;
	font-size: 1.2em;
	padding: 10px;
	text-align: center;
}
.other{
	background-color: #affaf4;
	font-size: 1.2em;
	padding: 10px;
	text-align: center;
}
#ch article{
    margin: 70px;
}
#pir{
	margin: 70px 0px 70px 500px;
}
#mart article{
	margin: 50px;
}
#logo article{
display: inline-block;
}
#logo p{
	text-align: center;
	font-size: 1.2em;
	background-color: #affaf4;
	padding: 10px;
}
#per img{
	margin-left: 200px;
}
#per p{
	text-align: center;
	font-size: 1.2em;
	background-color: #affaf4;
	padding: 10px;
}

#may article{
	margin-left: 500px; 
	margin-bottom: 10px;
}
footer{
	background-color: #affaf4;
	padding: 10px;
	font-size: small;
}
#ts article{
	display: inline-block;
	margin-left: 90px;
}