body {
    background-color: rgb(224,237,244);
    margin: 0;
    padding: 0;
  }

  @font-face {
    font-family: "AkzidenzGrotesk-LightCond";
    src: url("../../views/font/Akzidenz-grotesk-be-bold-condensed.ttf");
   }
   
   


  .container {
    height: 90vh;
    width: 95%;
    margin: 10px auto;

  }
  .fullscreen {
    background-color: rgb(224,237,244);
  }

  .navDiario{
    width: 100%;
    height:60px;

background: rgb(0,125,198);
margin-bottom: 1rem;
-webkit-box-shadow: 0px 3px 3px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 3px -1px rgba(0,0,0,0.75);
box-shadow: 0px 3px 3px -1px rgba(0,0,0,0.75);
z-index: 10;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
  }


  .navDiario a{
    display: -webkit-box;
-webkit-box-pack: justify;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
color:white;
text-align: center;
text-decoration: none;
width: 150px;
height: 50px;
-webkit-transition: background 0.6s;
transition: background 0.6s;
font-size: 1rem;
font-family: "AkzidenzGrotesk-LightCond";
margin: 1rem;
  }



  .navDiario a:hover{
  background:  rgba(119,156,225,0.5);
  }