@font-face {
font-family: "itc-american-typewriter", serif;}

body {
background-color: white;
padding-left: 3px;
padding-top: 5px;
}
.text {
font-family: "itc-american-typewriter", serif;
font-weight: 300;
font-style: normal;
font-size: 1.35rem;
line-height: 1.8rem;
padding-bottom: 0.1rem;
padding-left: 0.9rem;
}
.text a {
color: black;
text-decoration: underline;
text-decoration-color: orange;
text-underline-offset: 2px;
}
.text a:hover {
color: orange;
}
.code {
font-family: "itc-american-typewriter", serif;
font-weight: 500;
font-style: normal;
font-size: 1.2rem;
padding-bottom: 0.3rem;
}
.lang {
font-family: "itc-american-typewriter", serif;
font-weight: 300;
font-style: normal;
font-size: 0.9rem;
padding-right: 0.9rem;
text-align: right;
}
.lang a {
color: black;
text-decoration: underline;
text-decoration-color: orange;
text-underline-offset: 2px;
}
.lang a:hover {
color: orange;
}
@media screen and (min-width: 768px) {
.text {
font-family: "itc-american-typewriter", serif;
font-weight: 300;
font-style: normal;
font-size: 1.4rem;
padding-bottom: 0.2rem;
}
.code {
font-family: "itc-american-typewriter", serif;
font-weight: 500;
font-style: normal;
font-size: 1.2rem;
padding-bottom: 0.3rem;
}
.lang {
font-family: "itc-american-typewriter", serif;
font-weight: 300;
font-style: normal;
font-size: 1rem;
}
body {
padding: 14px;
}
}