body{
background-color: #6a56a6;
color: #fff;
 font-family: "Roboto", sans-serif;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100dvh;
}

a{
color: inherit;
text-decoration: none;
outline: none;
font-size:15px;
}

p{
font-size:23px;
line-height:29px;
}

@media screen and (min-width:900px){
p{
font-size:33px;
line-height:39px;
}
a{
font-size:17px;
}

}

@media screen and (max-width:600px){
p{
font-size:20px;
line-height:26px;
}
.wrapper{
width:90% !important;
}
a{
font-size:13px;
}

.single-handle img{
width:20px !important;
height:auto;
}
}

/* Wrapper Style */
.wrapper{
padding: 0px 20px;
width: 70%;
min-width:300px;
max-width:700px;
}

.wrapper:before{
content: "“";
font-family: "Sofia", sans-serif;
font-size: 100px;
position:absolute;
}

/* Message Style */

.message{
margin: 50px 35px;
}

/* Handle Style */

.handle{
display: flex;
margin: 0px 35px;
}



/* Single Handle */
.single-handle{
display: flex;
align-items: center;
margin: 0px 30px 0px 0px;
}


.single-handle img{
width:30px;
height:auto;
margin-right:5px;
}