.w3-myfont {
    font-family: "Comic Sans MS", cursive, sans-serif;
}
.import url(http://fonts.googleapis.com/css?family=Philosopher*subset=cyrillic);


span.a {
    display: inline; /* the default for span */
    width: 100%;
    height: 100%;
    padding: 5px;
    border: 1px solid blue;    
    background-color: yellow; 
    text-align: center;
}

.nav {
    background-color: white; 
    list-style-type: none;
    text-align: center;
    margin: 0;
    padding: 0;
    border: 1px solid #fff;
     border-radius: 18px;
}

.w3-bar {
    font-size: 22px;
	text-align: center;
    background: radial-gradient (circle at 80px 40px, #f9eec7, #ffb60f, #ffb60f,  to top, #b5bdc8, #828c95 36%, #28343b);
color: #fff;
padding: 10px;
border: 2px solid#333;
border-radius: 18px;
margin: 0em 1em 0em 0em;
}


.w3-bar a:hover {
    color: red;
padding: 10px;
border: 1px solid green;
border-radius: 18px;
margin: 0em 1em 0em 0em;
text-decoration: none;
}
h2 {
    font-family: SuperPuperFont;

}
.p{
@import url(http://fonts.googleapis.com/css?family=Philosopher*subset=cyrillic);


}
 .gradient {
  background: linear-gradient(to top right, #e6f3e9, #acdabb);
  padding: 0px;
  border: 1px solid #333;  
border-radius: 18px;}


  .gradient1 {
  background: linear-gradient(to top right,  #e6f3e9, #acdabb);
  padding: 10px;
  margin:auto; 
   border-radius: 18px; }

   .gradient2 {
  background: linear-gradient(to top left, #fff, #225);
  padding: 10px;
  margin: auto; 
  border: 1px;
  border-radius: 18px;
   }
    .target {
background: linear-gradient(to top right);
border-radius: 1px solid:#333;
  padding: 10px;
  margin:auto;
  border: 1px;
   }
    .a {
    border: 1px solid transparent;
   }
button {
   background-color: #828c95;
   color: #fff;
   font-size: 1.2em;
   padding: 5px 10px;
   margin: 2px;
   border-radius: 14px;
   border: 1px solid #b5bdc8;
   transition: background-color, border 2s ease-in, color 3s ease-out;
   } 

    button:hover {
        background-color: #fac695;
        color: #333;
    border: 1px solid: red;
   }
  h2 {
    padding: 2px 2px;
    padding: 2.5px;
    margin: 2px;
   }
   h1 {
    size: 28px;
    font-size: 18px;
    text-align: center;
   }