<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Tsubasa Tanuma Profile</title>
  
  <style>
    body {
      background-image: url("background2.jpg");
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-size: cover;
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
      color: black;
    }

    .content {
      max-width: 900px;
      margin: 0 auto;
      padding: 20px;
      background-color: rgba(255, 255, 255, 0.8);
      border-radius: 10px;
      text-align: center;
    }

    h1 {
      font-size: 2.5em;
      color: black;
    }

    h2 {
      font-size: 2em;
      margin-top: 20px;
    }

    h3 {
      font-size: 1.8em;
      margin-top: 20px;
    }

    p {
      font-size: 1.2em;
      line-height: 1.6;
      margin-top: 20px;
    }

    .profile-image {
      width: 280px;
      height: 280px;
      margin-top: 20px;
      border-radius: 10px;
    }

    .anime-image {
      width: 200px;
      height: 360px;
      margin-top: 20px;
      border-radius: 10px;
    }

    .section-title {
      font-size: 1.5em;
      font-weight: bold;
      margin-top: 20px;
      text-align: left;
    }
  </style>
</head>

<body>

  <div class="topnav" id="myTopnav">
    <a href="index.html" class="active">Home</a>
    <a href="news.html">News</a>
    <a href="imagegallery.html">Image Gallery</a>
    <a href="music.html">Music</a>
    <a href="javascript:void(0);" class="icon" onclick="myFunction()">
      <i class="fa fa-bars"></i>
    </a>
  </div>

  <!-- Profile Content -->
  <div class="content">
    <h1>Tsubasa Tanuma</h1>

    <!-- Profile Images -->
    <img src="tsubasa.png" alt="Tsubasa Tanuma, a student with black hair and an easygoing personality" class="profile-image">
    <img src="TsubasaAnime.png" alt="Tsubasa Tanuma in anime form with grey hair and ear piercings" class="anime-image">

    <h2>Profile</h2>
    <p><strong>Kanji:</strong> 田沼 翼</p>
    <p><strong>Romaji:</strong> Tanuma Tsubasa</p>

    <h3>Background</h3>
    <p><strong>Tsubasa Tanuma</strong> (田沼 つばさ, Tanuma Tsubasa) is a supporting character in the series. He is a student at Shuchi'in High School and is best known for always asking Miyuki Shirogane for advice about love. He is the boyfriend of Nagisa Kashiwagi.</p>

    <h3>Appearance</h3>
    <p>Initially, Tsubasa had short, straight black hair and looked quite bland. However, after the summer break, he changed his hairstyle and dyed his hair grey (brown in the anime). He also wears ear piercings to adopt a "bad boy" stereotype, which was inspired by Nagisa's mention that she liked that look.</p>

    <h3>Personality</h3>
    <p>Tsubasa is a nice and easygoing guy who rarely gets angry, even when being badmouthed. He is very kind, and this is one of the reasons Maki falls for him. As the story progresses, he shows his more unrestrained side, going as far as to make out with Nagisa in public (even in front of the student council). He also enjoys bragging about his relationship with Nagisa, often visiting the Student Council under the pretext of seeking advice, even when there is no real problem.</p>

    <h3>History</h3>
    <p>Tsubasa debuts as a classmate who seeks love advice from Miyuki in the student council room. He first asks how to confess to Nagisa, and later seeks advice on holding her hand. After confessing to her, they become a couple and join the Volunteering Club together. After the summer break, he visits Miyuki to brag about his relationship. Tsubasa also seeks advice on understanding Nagisa's feelings when she gets upset. On their six-month relationship anniversary, he asks Maki for help in selecting a gift for Nagisa.</p>
  </div>

</body>
</html>