body {
    background: linear-gradient(black, rgba(20, 5, 5, 1));
    height: 100vh;
    display: flex;
    align-content: center;
    justify-content: center;
    perspective: 800px;
    z-index: 1;
    color: rgb(225, 167, 192);
    font-family: 'Noto Sans JP', cursive;
  }
  
  .navbar{
    border: 1px solid;
    height: 80px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    font-size: 2;
    position: fixed;
    z-index: 999;
    border: none;
    font-family: 'Playwrite DK Loopet', cursive;
    padding: 0;
    margin: 0;
  }
  .navbar__container {
    display: flex;
    justify-content: space-between;
    height: 80px;
    z-index: 1;
    width: 100%;
  }
  
  .navbar__menu {
    display: flex;
    align-items: center;
    list-style: none;
    text-align: center;
    padding: 32px 0;
  }
  
  .navbar__links {
    color: rgba(251, 49, 6, 1);
    text-decoration: none;
    padding: 0 1rem;
    position: relative;
  }
  
  .navbar__links::after {
    content: '';
    width: 0%;
    height: 2px;
    background: rgba(251, 49, 6, 1);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: width 0.5s ease-in-out;
  }
  
  .navbar__links:hover::after {
    width: 100%;
  }