.footer {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #efefef;
  text-align: center;
}

.logo img{float:left;
    }

nav
{
    letter-spacing: 1px;
    font-family: 'Lato', sans-serif;
    color:  #343a40;
}

body {
    font-family: 'Lato', sans-serif;
    color: #868e96;
}

body h1 {
    color:  #343a40;
}

ul
{
    list-style-type:none;
}

#submit
{
    background-color: #007bff;
    color:white;
    padding: 10px;
    border-color: #007bff;
    border-radius: 5px;
}

#submit:hover
{
    background-color: #1768bf;
}

.responsive {
  width: 100%;
  height: auto;
}


.overme {
    padding-top: 5px;
    width: 400px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-border-width: 2px;
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: 0.375rem;
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(0.375rem - 1px);
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    color: black;
    font-size: 15px;
    font-weight: bold;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
    padding: 10px;
  }

.brais{
    margin-bottom: 50px;
}