ul.nota h2 , ul.nota p {
  font-size:calc(0.4em + 0.3vw) ;font-weight:normal;color:black;
}
ul.nota  li {
  list-style:none;
}
ul.nota {
  overflow:hidden;padding:2vw;
}
ul.nota li a{
  text-decoration:none;color:#000;background:#ffc;display:block;
  height:10vw;width:10vw;padding:1vw;
  -moz-box-shadow:5px 5px 7px rgba(33,33,33,1);
  -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  -moz-transition:-moz-transform .15s linear;
  -o-transition:-o-transform .15s linear;
  -webkit-transition:-webkit-transform .15s linear;
}
ul.nota  li {margin:0.5vw;float:left;}
 ul.nota  li h2 {font-size:0.9vw;font-weight:bold;padding-bottom:0.9vw;}
ul.nota  li p{ font-family:"Reenie Beanie",arial,sans-serif;font-size:calc(0.3em + 0.45vw);}
ul.nota  li a {
  -webkit-transform: rotate(-6deg);-o-transform: rotate(-6deg);-moz-transform:rotate(-6deg);}
ul.nota li:nth-child(even) a{
  -o-transform:rotate(4deg);
  -webkit-transform:rotate(4deg);
  -moz-transform:rotate(4deg);
  position:relative;top:5px;background:#cfc;
}
ul.nota  li:nth-child(3n) a{
  -o-transform:rotate(-3deg);
  -webkit-transform:rotate(-3deg);
  -moz-transform:rotate(-3deg);
  position:relative;top:-5px;background:#ccf;
}
ul.nota  li:nth-child(5n) a{
  -o-transform:rotate(5deg);-webkit-transform:rotate(5deg);
  -moz-transform:rotate(5deg);position:relative;
  top:-10px;
}
ul.nota  li a :hover,ul.nota  li  a :focus{
  box-shadow:10px 10px 7px rgba(0,0,0,.7);
  -moz-box-shadow:10px 10px 7px rgba(0,0,0,.7);
  -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7);
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -o-transform: scale(1.25);
  position:relative;z-index:5;
}
ol.nota {text-align:center;}
ol.nota  li {display:inline;padding-right:1vw;}
ol.nota  li  a {color:#fff;}