#sidebarCollapse {
  background-color: rgba(0,140,197,0.1);
  }

  #sidebarCollapse.hide-sidebar {
      left: -100%;
      animation: mymove 1s ;
      animation-timing-function: ease;
      width:0px
  }

  #wrapper {
  margin:0 0 0 250px;
  }

  #wrapper.hide-sidebar {
      margin-left: 0;

  }

  @keyframes mymove {
    from {left: 0px;}
    to {right: 300px;}
  }

  .col-auto{
    max-width: 40% !important;
    }

a {

    font-weight: bold;
    color:#000000;


}



* {
    box-sizing: border-box;
  }

  /* Header/Blog Title */
  .header {
    padding: 5px;
    text-align: center;
    background: white;
  }

  .header h1 {
    font-size: 50px;
  }

  /* Style the top navigation bar */
  .topnav {
    overflow: hidden;
    background-color: #333; /* Fondo blanco*/
  }

  /* Style the topnav links */
  .topnav a {
    float: left;
    display: block;
    color: #f2f2f2; /* Letras negras */
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }

  /* Change color on hover */
  .topnav a:hover {
    background-color: #ddd;
    color: black;
  }

  /* Create two unequal columns that floats next to each other */
  /* Left column */
  .leftcolumn {
    float: left;
    width: 25%;
  }

  /* Right column */
  .rightcolumn {
   float: left;
   width: 75%;
   background-color: #f1f1f1;
   padding-left: 20px;
  }

 #rcorners {
    border-radius: 25px;
    background: #ADD8E6;
    padding: 20px;
    width: 90%;
    height: 90%;
  }

  hr{
   position: relative;
   height: 10px;
   size: 85%;
   border-radius: 7px 7px 7px 7px;
   background-color:dodgerblue;
   border: none;
  }

  #dropdown {
   background-color: #00000033;
   width: 200px;
   font-size: 16px;
   padding: 5px;
}

.dropdown-item {
   display: block;
   text-decoration: none;
   text-align: center;
   color: white;
   font-family: Arial, Helvetica, sans-serif;
   margin-top: 2px;
}
.dropdown-item:hover {
   background-color: rgba(0, 204, 255, 0.459);
}