console 命令行工具 X clear

<!-- <!DOCTYPE html> -->
<html lang="en-US">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta name="name" content="Anuj Yadav">
    <meta name="description" content="Sorry could not found any matchses modal">
    <meta name="keywords" content="search not found">
    <title>Search not found</title>
    <div class="search-error-bg d-flex justify-content-center align-items-center">
      <div class="col-11 col-sm-8 col-md-6 col-lg-5 col-xl-4 search-error d-flex flex-column justify-content-center align-items-center">
        <img src="" alt="searc img" class="img-fluid search-error-img" >
        <p class="search-error-heading text-center">Sorry we couldn't find any matches for <b>tat</b></p>
        <p class="search-error-text text-center">Please try searching with another term</p>
    <footer class="d-flex justify-content-center align-items-center">
      <div class="d-flex justify-content-center align-items-center">Icons made by <a href="" title="Freepik">Freepik</a> from <a href="" title="Flaticon"></a></div>
@import url(',wght@0,400;0,700;1,400;1,700&display=swap');
@media only screen and (min-width: 320px) and (max-width: 991.98px){
    font-size: 14px  !important;

@media only screen and (min-width: 992px){
    font-size: 16px !important;

  font-family: 'Noto Serif', serif;
  background-color: #EEEEF5;
  min-height: 100vh;
  width: 100%;
  background-color: #ffffff;  
  padding-top: 70px;
  padding-bottom: 70px;
  border-radius: 8px;
  font-size: 1rem !important; 
   color: rgba(0,0,0,0.8);
  width: 65%;
  margin-bottom: 10px;
  font-size: 0.7rem;
  color: rgba(0,0,0,0.6);


  width: 20%;
  margin-bottom: 15px;
  background-color: #EEEEF5;
  color: rgba(0,0,0,0.7);
footer a{
  margin-left: 3px;
  margin-right: 3px;
  color: #DD636D;