@charset"UEF-8";







h1 {
    color: #8bbc24;
    font-size: 250%;
}

div {
    width: 640px;
    margin-right: auto;
    margin-left: auto;
}

.p-1 {
      background-color: lightblue;

}

em{
   /*display: block;*/
  background-color: #ffffff;

} 

.p-2 {
     background-color: lightgreen;
}

span {
    /*display: block;*/
    background-color: #ffffff;*/

}

h1,
h2,
li,
footer {
       text-align: center;
       font-family: 'Josefin Slab', serif;
}  
 

ul{
   padding-left: 0;
   display: flex;
   
}

ul:nth-child(1) a {
    color: red;
}

ul:first-child a {
   color: green;
}

li:last-child a {
   color: pink;
   display: block;
   border:1px dotted pink
}
  
/*ul::after {
    content: "";
    diplay: block;
    clear: both;

    
}*/

li {
   list-style: none;
   width: 33%;
  /*float: left;*/
   
}

table {
      width: 100;
}


th {
    text-align: left;

}

.price {
      text-align: right;  
}

li a {
     color: #000000;
     text-decoration: none;
}

li a:hover {
           text-decoration: underline;  
           color: red;

}

li a:focus {
     border:1px dotted red;
}
 
li:nth-of-type(2) a {
    font-weight: bold;
    color: red;
}