body {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 450; /* Adjust this if needed */
  }

  p {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
  }
  
  strong {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 700;
  }
  

.intro-block {
    width: 100%;
    padding: 0 20px; /* Add some padding to the left and right */
    background-image: url('https://github.com/chianyao212/about/blob/main/images/banner_low.jpg?raw=true'); 
    background-size: cover; /* Makes the image cover the entire section */
    background-position: center center; /* Centers the image */
    height: 50vh; /* Makes the header fill the full height of the viewport */
    color: #ffffff; /* Changes text color to white */
    display: flex; /* Enables flexbox */
    flex-direction: column; /* Stack elements vertically */
    justify-content: flex-end; /* Vertically centers the text */
    text-align: left; /* Aligns text to the left */
}

.intro-block {
    padding: 80px 20px;
    background-color: #F8B62D;
    color: #ffffff;
    text-align: center;
}

.intro-content h1 {
    font-size: 2.5em;
    margin-bottom: 10px;
    color: #ffffff;
    line-height: 0.3; 
}

.intro-conten   t hr {
    border: none;
    border-top: 2px solid #ffffff;
    width: 50%;
    margin: 15px auto;
}

.intro-content p {
    font-size: 1.2em;
    margin: 10px 0 20px 0;
    color: #ffffff;
    line-height: 0.5; 
}

/* Styling for the project year container */
.project-year-yellow {
    font-size: 1em;
    color: #333;
    margin-top: 20px;
}

/* Styling for the project year badge */
.project-year-yellow {
    background-color: #F8B62D;
    color: #ffffff;
    padding: 2px 10px;
    border-radius: 8px;
    font-weight: medium;
    margin-left: 0px; /* Adds a bit of space between text and badge */
    margin-right: 10px;
}

/* Styling for the project year container */
.project-year-white {
    font-size: 1em;
    color: #333;
    margin-top: 20px;
}

/* Styling for the project year badge (Hollow version) */
.project-year-white {
    background-color: transparent; /* Makes the background transparent */
    color: #F8B62D; /* Keeps the text color the same as the original background */
    padding: 1.5px 7.5px;
    border: 1.5px solid #F8B62D; /* Adds a border with the same color as the text */
    border-radius: 8px;
    font-weight: medium;
    margin-left: 0px; /* Space between text and badge */
    margin-right: 10px; 
}

a {
    color: inherit; /* 讓連結的顏色與父元素相同 */
    text-decoration: underline; /* 保持底線 */
}

a:hover {
    color: #F8B62D; /* 滑鼠懸停時可給予不同顏色，例如黃色 */
    text-decoration: underline; /* 滑鼠懸停時加上底線 */
}