App Component CSS:

:host {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-around;
}

New Message Component CSS:

:host {
   form {
       display: flex;
       flex-direction: column;
       align-items: center;
       p {
           display: flex;
           flex-direction: column;
           align-items: center;
       }
   }
}

Info Message Component CSS:

:host {
   p:first-child {
       padding: 10px;
       background-color: antiquewhite;
   }
}

Counter Component CSS:

:host {
   p {
       display: flex;
       gap: 10px;
   }
}