*{
    margin: 0px;
    padding: 0px;
}
.dau_trang{
    /*màu nền*/
    background-color: black;
    /*chiều cao*/
    height: 50px;
    /*chiều rộng*/
    width: 100%;
    text-align: center;
    line-height: 50px;
    font-size: 40px;
    color: yellow;
}
.dt_1{
    display: inline-block;
    margin-left: 20px;
    margin-right: 20px;
}
.giua{
    white: 100%;
    height: 500px;
    background-color: green;
    text-align: center;
}
.avt{
    width: 300px;
    height: 300PX;
    margin-top: 70PX;
    border-radius: 50%;
}
.ho_ten{
    font-size: 40px;
    font-weight: bold;
    color: red;
}
.ho_ten:hover{
    color: red;
    font-size: 60px;
    f
}
{
.hieu-ung-go-chu {
  font-family: 'Courier New', monospace; /* Font chữ dạng máy đánh chữ */
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  border-right: 3px solid #ff007f; /* Vạch nhấp nháy */
  width: 17ch; /* Giới hạn chiều rộng đúng bằng số ký tự (kể cả khoảng trắng) */
  
  /* Chạy hiệu ứng gõ chữ và nhấp nháy con trỏ */
  animation: goChu 3.5s steps(17) infinite, nhapNhay 0.5s step-end infinite alternate;
}

@keyframes goChu {
  0%, 100% { width: 0; }
  50%, 90% { width: 17ch; } /* Gõ ra rồi giữ nguyên một lúc trước khi xóa làm lại */
}

@keyframes nhapNhay {
  50% { border-color: transparent; }
}