.twitterHandle {
    color:  rgb(113, 118, 123);
    font-weight: normal;
}
.twitterDisplayName {
    font-weight: bold; 
    margin-bottom: 0px; 
    margin-top: 0px;
    color: #FFF;
}
#inputTweet, #responseText {
    margin-top:2px;
    margin-left: 38px
}
img.twitterAvatar {
  border-radius: 20px;
  height: 40px;
  width: 40px;
  background-color: #FFF;
  float: left;
  margin-left: 1rem;
  margin-right: 0.4rem;
}
div#tweetEmulation {
  border: 0.5px solid rgb(47, 51, 54);
  background-color: #000;
  padding-top: 30px;
  padding-bottom: 10px;
}
div.loader{
  margin-bottom: 40px;
  margin-top: 40px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
}
.spinner {
  width: 48px;
  height: 48px;
  border: 5px solid #CCC;
  border-radius: 50%;
  display: block;
  box-sizing: border-box;
  position: relative;
  animation: pulse 1s linear infinite;
  margin-right: 1rem;
}
.spinner:after {
  content: '';
  position: absolute;
  width: 48px;
  height: 48px;
  border: 5px solid #CCC;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  animation: scaleUp 1s linear infinite;
}
.hidden {
  display: none;
}
form.tweetForm {
  max-width: 420px;
}
button.dictionarySearch{
  width:fit-content;
}

@keyframes scaleUp {
  0% { transform: translate(-50%, -50%) scale(0) }
  60% , 100% { transform: translate(-50%, -50%)  scale(1)}
}
@keyframes pulse {
  0% , 60% , 100%{ transform:  scale(1) }
  80% { transform:  scale(1.2)}
}