.page-section {

padding: 12px;

}

.page-section-spacious {

padding: 24px;

}

.lead {

margin-bottom: 30px;
font-size: 20px;
font-weight: 300;
color: #555;

}

.lead {

margin-top: 0;
font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", sans-serif;
font-size: 20px;
font-weight: 300;

}

.lead {

margin-bottom: 0;
color: #3a585f;

}

.featured-app {

display: inline-block;
vertical-align: top;
width: 140px;
padding: 0;
color: #7c9398;
margin: 10px 20px;

}

.featured-app:hover {

text-decoration: none;

}

.featured-app-logo-wrapper {

width: 120px;
height: 120px;
margin: 10px;
transition: transform .32s;

}

.featured-app:hover .featured-app-logo-wrapper {

transform: scale(1.1);
transition-duration: .08s;

}

.featured-app:active .featured-app-logo-wrapper {

transform: scale(0.92);
transition-duration: 0;

}

.featured-app-logo {

width: 100%;

}

.featured-app-name {

text-align: center;
text-decoration: none;
line-height: 1.3;
font-weight: 300;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

}

var-highlight {

color: #C0AD60;

}

.string-highlight {

color: rgba(253, 149, 90, 0.8);

}

typewriter {

margin-left: 30%; // font-size: 2em;
margin: 0; // font-family: "Courier New";
margin-bottom: 30px;
font-size: 20px;
font-weight: 300;
color: #555;
&:after {
    content: "|";
    animation: blink 500ms linear infinite alternate;
}

}

@-webkit-keyframes blink {

0% {
    opacity: 0;
}
100% {
    opacity: 1;
}

}

@-moz-keyframes blink {

0% {
    opacity: 0;
}
100% {
    opacity: 1;
}

}

@keyframes blink {

0% {
    opacity: 0;
}
100% {
    opacity: 1;
}

}

/* The typing effect */

@keyframes typing {

from {
    width: 0
}
to {
    width: 100%
}

}

/* The typewriter cursor effect */

@keyframes blink-caret {

from,
to {
    border-color: transparent
}
50% {
    border-color: orange
}

}

@mixin page–544 {

.page-section {
    padding: 24px;
}
.text-center-sm {
    text-align: center !important;
}

}

@mixin page–768 {

.page-section {
    padding: 36px;
}
.page-section-spacious {
    padding: 48px;
}

}

@mixin page–992 {

.page-section {
    padding: 48px;
}
.page-section-spacious {
    padding: 72px;
}

}

@mixin page–1200 {

.page-section {
    padding: 48px;
}

}

@mixin page–1300 {

.page-section-spacious {
    padding: 96px;
}

}

@mixin page-only-max-750 {

.container-narrow {
    width: 100%;
}

}

.page-section .container>*:first-child, .page-section .container-narrow>*:first-child {

margin-top: 0;

}