style.css

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color: black;
  }
  
  body,
  input,
  textarea,
  select,
  button {
    color: white;
    font: 400 1rem "Roboto", sans-serif;
  }
  
  button {
    cursor: pointer;
  }
  
  a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
  }
  
  main {
    width: 80%;
    margin: 0 auto;
    margin-top: 2rem;
  }
  
  .searchBox {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .searchBox input {
    border-radius: 8px 0 0 8px;
    border: 0;
    outline: none;
    height: 36px;
    padding: 4px 16px;
    background-color: white;
    color: #000;
  }
  
  .searchBox button {
    border-radius: 0 8px 8px 0;
    border: 0;
    height: 36px;
    padding: 4px 16px;
    background-color: white;
  }
  
  .txtBox {
    display: block;
    margin-top: 2rem;
    justify-content: center;

  }
  .txtBox img {
    width: 50%;
  }
  .txtBox p {
    margin-top: 1rem;
  }
  
  .txtBox .textInfos {
    padding: 2rem;
    margin-left: 2rem;
  }
  
 .randImgs {
   border-color: chartreuse;
   
  }
  
  .randImgs img {
 
  margin-top: 5rem;
 width: 80%;
 margin-left: 2rem;
  justify-content: center;
  
  }
  

  
  .contents{
    margin-top: 5rem;
    margin-right:5rem;
  
    margin-bottom: 0 auto;
   display: contents;
   
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
   display: block;

  }
  .footer{
    bottom: 0%;
    right: 0%;
    font-family: monospace;
    position: fixed;
    color: aqua;
   
  }
  .menuu{
    /*top: 0%;*/
    
    color:blue;

  }
 
  
  li {
    float: left;
  }
  
  li a,button {
    display: block;
    color: yellow;
    text-align: center;
    padding: 16px;
    text-decoration: none;
  }
 
  li a:hover ,button:hover{
    background-color:red;
  }
 
    
  .wrapper {
    display: relative;
    margin-top: 2rem;
    align-content: center;
    align-self: center;
  
  }
  
  .typing-demo {
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    border-right:  solid transparent; /* The typwriter cursor */
    white-space: nowrap; /* Keeps the content on a single line */
    word-wrap: break-word;
    letter-spacing: .15em; /* Adjust as needed */
    animation: 
      typing 2s steps(40, end),
      blink-caret .75s step-end infinite;
      animation-iteration-count: infinite;
      animation-direction: alternate-reverse;
  }
  
  @keyframes typing {
    from { width: 0 }
  to { width: 100% }
}
  
      
  @keyframes blink {
    from, to { border-color: transparent }
    50% { border-color: orange; }
      
      
    }
  
  green-color {
    color:green;
   
  }