body {
 font-family: 'Open Sans', sans-serif;
 margin: 50px 8% 30px 8%;
  
}


li{
  padding: 10px;
  margin: 0;
  font-size: 22px;
  font-weight: 400;
}

a{ 
  font-size: 24px;
  font-weight: 500;
  color: #880088;
  
}
a:hover {
 color: #ff0000;
 font-weight: 500;
}


h1 {
  color: #000099;  
  font-size: 36px;
  font-weight: 700;
  margin: 0;
  padding-bottom: 10px;
  text-align: center;
}


h2 {
  color: #000;  
  font-size: 28px;
  font-weight: 600;
  margin: 0;
  padding-bottom: 10px;

}

.druk {
  font-size: 20px;
}

p {
  font-size: 22px;
  font-weight:400;


}

hr {
   width:60%;
   color:#11cc11;
   height: 2px;
   background-color:#00aa00;
        }
.mail {
 color: #66004d;
 font-weight: 600;
}

.wazne {
 color: #cc2222;
 font-weight: 500;
}


.wazne2 {
 color: #cc0099;
 font-weight: 900;
}

.wazne3 {
 color: #ff0000;
 font-weight: 800;
}

.zadanie {
 font-size: 24px;
 color: #000;
 font-weight: 500;
}

.male {
  font-size: 14px;
  font-weight:300;
  color: #2222dd;
  text-align: center;
}

.obraz {
    max-width: 100%;
    height: auto;
 text-align: center;
}



.ramka
{
background-color: white;
width: 800px;
padding: 20px;
margin-lef: auto;
margin-right: auto;
margin-top: 50px;
margin-botom: 50px;
border-radius:20px;
box-shadow: 3px 3px 30px 5px rgba(204,204,204,0.9);
}
input[type=text],
input[type=email]
{
width: 300px;
background-color: #efefef;
color: #666;
border: 2px solid #ddd;
border-radius: 5px;
font-size: 20px;
padding: 10px;
box-sizing: border-box;
outline:none;
margin-top: 50px;
}
input[type=text]:focus,
input[type=email]:focus
{
box-shadow: 0px 0px 10px 2px rgba(204,204,204,0.9);
border: 2px solid #a5cda5;
background-color: #e9f3e9;
color: #428c42;
}


select {
    font-size: 18px;
    padding: 6px;
    border: 2px solid #ddd;
    border-radius: 5px;
    color: #F90AA6;
}


textarea
{
width: 700px;
background-color: #efefef;
color: #666;
border: 2px solid #ddd;

border-radius: 5px;
font-size: 20px;
padding: 10px;
box-sizing: border-box;
outline:none;
margin-top: 10px;
}
textarea:focus
{
box-shadow: 0px 0px 10px 2px rgba(204,204,204,0.9);
border: 2px solid #a5cda5;
background-color: #e9f3e9;
color: #428c42;
}
input[type=submit],
input[type=reset]
{
width: 300px;
background-color: #36b03c;
font-size:20px;
color: white;
padding: 15px 10px;
margin-top: 20px;
margin-left: 40px;
border: none;
border-radius: 5px;
cursor: pointer;
leter-spacing: 2px;
outline: none;
}
input[type=submit]:focus,
input[type=reset]:focus
{
-webkit-box-shadow: 0px 0px 15px 5px rgba(204,204,204,0.9);
-moz-box-shadow: 0px 0px 15px 5px rgba(204,204,204,0.9);
box-shadow: 0px 0px 15px 5px rgba(204,204,204,0.9);
}
input[type=submit]:hover,
input[type=reset]:hover
{
background-color: #37b93d;
}