/*
Name: Yifan(Eva) Ding
Date: 04.05.18
Section: CSE 154 A

This is the index.css page for my creative project 2. 
It provides my index.html page with basic style in 
alignment and presentation. 
*/
#czech-flag{
	width: 50px;
	height: 30px;
	float: left;
	border: solid white 5px;
	margin-right: 5px;
}
#swiss-flag{
	width: 45px;
	height: 50px;
	float: left;
	border-left: solid white 5px;
	border-right: solid white 5px;
	margin-right: 5px;
}
#trdelnik-intro{
	display: block;
	text-align: center;
	border: dotted grey 3px;
}
#torte-intro{
	display: block;
	text-align: center;
	border: dotted black 3px;
}
.img-container{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.text-container{
	display: flex;
	width: 80%;
	margin-right: auto;
	margin-left: auto;;
	justify-content: space-between;
	flex-wrap: wrap;
}
.introduction{
	flex-basis: 35%;
}
.recipe{
	flex-basis: 55%
}
.img-container > div{
	margin: 20px;
	border: solid lightgrey 10px;
}
section img{
	width: 350px;
	height: 250px;
	vertical-align: bottom;
}
div p{
	color: teal;
	font-size: 18px;
}
body{
	background-image: 
	url(http://designwoop.com/uploads/2012/03/12_free_subtle_textures_free_web_backgrounds.jpg);
}
h1{
	font-family: Impact, Charcoal, sans-serif;
	text-align: center;
	font-size: 30px;
}

ol{
	list-style-type: upper-roman;
}
a{
	text-decoration: underline;
}