@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);

body
{
	background-color: white;
	font-size: 20px;
}

.night
{
  background-color: black;
  color: white;
}

.dntoggle{
  border-radius: 100px;
  background-color: black;
  padding: 20px;
  color: white;
  box-shadow: 1px 2px 6px rgba(0,0,0,.3);
  
  float:right;
  margin-right: 60px;

  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.fa-moon-o:before{
  padding:0 2px;
}
.fa-sun-o{
  background-color: #fcfcfc;
  color:#111111;
}

#top
{
	height: 10%;
	width: 100%;
	margin-bottom: 65px;
	font-size: 55px;
	color: #ff6600;
}

#line
{
	border-bottom-style: solid;
	border-bottom-width: 4px;
	border-color: #000498;	
}

#linex
{
	border-bottom-style: solid;
	border-bottom-width: 4px;
	border-color: #000498;	
	margin-left: 295px;
	margin-right: 295px;
}

#center
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

#tekst
{
	font-size: 20px;
	margin-left: 295px;
	margin-right: 295px;
}

#tekst2
{
	margin-left: 295px;
	margin-right: 295px;
	font-size: 10px;
}

#footer
{
	border-bottom-style: solid;
	border-bottom-width: 4px;
	border-color: #000498;
	margin-left: 295px;
	margin-right: 295px;
}

.tile1
{
	margin: 10px;
	width: 313px;
	height: 280px;
	float: left;
}

.tile4
{
	margin: 10px;
	width: 313px;
	height: 280px;
	float: left;
}


.tile3
{
	margin: 10px;
	width: 313px;
	height: 280px;
	float: left;
	display: none;
}

.obrazek 
{
    transition-duration: 0.5s;
    margin: 0 auto;
    display: block;
}

.obrazek:hover 
{
    transform: scale(1.07);
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    z-index: 0;
}

a.tilelink
{
	color: #ffffff;
	text-decoration: none;
	display: block;
	width: 230px;
	height: 142px;
}

a.tilelinkhtml5
{
	color: #ffffff;
	text-decoration: none;
}

hr
{
	color:#000099;
}

.obrazek3
{
	display: none;
}

p
{
	margin-top: 5px;
	border-top-style: solid;
	border-top-width: 4px;
	border-color: #000498;
}

form
{    
  width: 300px;    
  margin: 20px auto;    
  border: 2px solid grey; 
  padding: 20px;
  font-size: 25px;
}

form label
{    
  display: block;    
  margin-bottom: 5px;    
  font-weight: bold;    
  font-size: 20px;    
  color: grey;
}

form textarea,form input
{ 
  padding: 5px;  
  border: 1px solid grey;  
  margin-bottom: 25px;  
  width: 100%; 
  box-sizing: border-box;
}

form input[type=submit] 
{ 
  cursor: pointer; 
  margin-bottom: 0px;
}