body {
    background-color: #f5efdf;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #ebbf6d;
  display: flex;
}

ul li a {
  display: block;
  color: rgb(255, 255, 255);
  padding: 14px 16px;
  text-decoration: none;
  font-size: 20px;
}

ul li a:hover {
  background-color: #afacac;
}
ul {
  position: sticky;
  top: 0;
}
ul div.active {
  background-color: #525ff1;
}



.ghostofyotei {
    display: flex;
    align-items: center;
    gap: 10px;
background-color: rgb(255, 238, 199);
border: #fbe7c1 solid 10px;
}

.minitotoro {
    display:flex;
    align-items: center;
    gap: 10px;
background-color: rgb(232, 232, 255);
border: #e6e1f8 solid 10px;
}

.backbutton a {
    top: 10px;
    left: 10px;
   font-size:25px;
   list-style: none;
   text-decoration: none;
   display: inline-block;
}

.experience {
    background-color: rgb(250, 234, 206);
    align-items: center;
    gap: 20px;
    border:rgb(248, 226, 183) solid 5px
}

.enlarge {
    transition: transform 0.3s;
}
.enlarge:hover {
    transform: scale(1.05);
}

.rightalign{
  margin-left: auto;
  display: flex;
}