@font-face{
    font-family: 'josefin-slab';
    src: url('../fonts/JosefinSlab-Regular.ttf');
}

@font-face{
    font-family: 'computer-robot';
    src: url('../fonts/computer-robot.ttf');
}
  
h2{
    padding: 10px;
    background: #FFA;
    margin: 10px;
    border: 2px solid black;
    font-family: josefin-slab;
    font-size: 36px;
}
button{
  font-family: josefin-slab;
  font-size: 25px;
}
#lista {

    font-family: josefin-slab;
    font-size: 25px;
} 
html, body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}
body {  
  background: white;
  text-align: center;
  margin-top: 10%;
}
#eventos {
    position: relative;
    margin: auto;
    background: url(time29.png);         
    background-repeat: no-repeat;
    height: 256px;
    width: 256px;   
}
#crono {
    position: relative; 
    font-family: computer-robot;
    font-size: 60px;
    margin: auto;
    top: 120px; 
}

#tabla {
    background-color: #FFA;
} 

p{
  font-family: josefin-slab;
  font-size: 20px;
}