body{
  font-family: Arial, sans-serif;
  margin: auto;
  width:65%;
  text-align:center;
  background-color:rgb(20, 60, 63);
  color:#ffffff;
  font-size:1.5rem;
}
h1{
  margin:0;
  margin-top:4rem;
}
p{
  font-size:0.8rem;
  margin:0;
  margin-bottom:1.5rem;
}
.container{
  margin:0;
  background-color:#ffffff;
  padding: 2rem;
  border-radius:12px;
  font-size:0rem;
  box-shadow: 0 5px 15px rgb(67, 235, 247);
  margin-bottom:2rem;
}
.content{
  
  display:flex;
  justify-content:left;
  gap:2rem;
}
.container p{
  color:black;
  font-size:1.2rem;
  font-weight:bold;
  text-align:left;
}
#text-input{
  border:none;
  font-size:1rem;
  border-bottom:2px solid ;
  width:100%;
  box-shadow:0 4px 6px #23f1e0;
}
button{
  
  font-weight:bold;
  padding:0.1rem 2rem;
  background-color:#23f1e0;
  border:2.5px solid #20beb1;
  border-radius:8px;
}
button:hover{
  
  background-color:#1a968b;
  color:white;
  cursor:pointer;
}
#result{
  margin:2rem 0;
}
.pargh{
  background-color:#09a18d;
  font-size:2rem;
  padding:0 1.5rem 1.5rem 1.5rem ;
  margin-top:1rem;
  
  border:5px solid #20beb1;
  border-radius:8px;
}
.pargh svg{
  height:120px;
  margin:0;
  padding:0
}