body { text-align: center; 
font-family: sans-serif; 
background-color: #ffeaf4;
padding-top: 54px;
} 

.frame { width: 95%;
border: #ff707b 2px solid;
background-color: #ffffff;}

.navbar-navi { background-color: #ffffff;
 border-bottom: #ff707b 1px solid;}

.navbar-navi .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

footer {background-color: #ffe0eb;}


.btn-nana {
    color: #ff707b;
    background-color: #ffe0eb;
    border-color: #ff707b;
  }
  
  .btn-nana:hover {
    color: #ffe0eb;
    background-color: #ff707b;
    border-color: #ff707b;
  }

  .btn-nana a {
    display:block;
    color: #ff707b;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
  }
  
  .btn-nana a:hover {
    color: #ffe0eb;
    text-decoration: underline;
  }

  .table-bordered th,
.table-bordered td {
  border: 2px solid #ff707b !important;
  }

  td { 
    text-align: left;
    }

.w-95 {width: 95%;}

@media (min-width: 992px) {

  body {
      padding-top: 56px;
    }

  
  }