style.css

@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@200;300;400;500;700;800;900&family=Merriweather&family=Rubik:wght@300;400;500;600;700;800&display=swap');



body {
 
  display: flex;
  font-family: 'Inconsolata', monospace;
  font-family: 'Merriweather', serif;
  font-family: 'Rubik', sans-serif;
  background-color: rgb(15, 21, 75);
  color:white;
   
   
  }
  
  .main {
   width:100vw;
   height: 100vh;
   background-color: rgb(15, 21, 75);
   color:white;
    padding: 20px;
    border-radius: 5px;
  
    text-align: center;
  }
  
  #entertext {
    width: 100%;
    height: 100%;
    font-family: 'Inconsolata', monospace;
   font-family: 'Merriweather', serif;
   font-family: 'Rubik', sans-serif;
    font-size: 16px;
    border: 1px solid #6ea1d8;
    border-radius: 3px;
    margin-bottom: 10px;
    word-wrap: break-word;
    text-align: initial;
    background-color: #d5e5f7;
    color:#0f0f0f;

  }
  
  button {
    background-color: #cad6e2;
    color: #0f0f0f;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 3px;
    cursor: pointer;
    margin-bottom: 4px;
   
  }
  
  button:hover {
    background-color: #0056b3;
    color: whitesmoke;
  }
  
  .wordpara {
    font-size: 18px;
  }
  
  #wordCount {
    font-weight: bold;
  }