span {

color: #fff;

display: inline-block;
font-weight: 400;

}
span > span {
margin-bottom: 0;
}
.circle {
background: #2980b9;
width: 200px;
line-height: 200px;
display: inline-block;
color: #fff;
border-radius: 100%;
}
code, code > span {
text-align: left;
display: block;
font-family: Monaco, monospace;
background: #444;
color: #fff;
padding: 20px;
font-size: 14px;
margin-bottom: 100px;
}
code > span {
padding: 0;
margin: 0;
}
 @media only screen and (max-width: 1024px) {
span {
font-size: px;

}
}
 @media only screen and (max-width: 800px) {
div > span {
font-size: px;
display: block;
width: 100% !important;

}
span {
font-size: px;
}
code {
margin-bottom: 100px;
}
}