.site-title__wrapper {
text-align: center; color: $white; position: absolute; top: 50%; left: 50%; margin: 0 auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-family: "Operator Mono SSm-Medium"; z-index: 1; pointer-events: none;
}
.site-title__text {
font-size: 75px; display: block; line-height: 1; transition: font-size 0.2s; padding-bottom: 0.1em;
}
.site-title__text–sub {
font-size: 20px; margin-top: 10px; transition: font-size 0.2s;
}
@media only screen and (min-width: 550px) {
.site-title__text { font-size: 100px; } .site-title__text--sub { font-size: 40px; }
}
i {
pointer-events: all !important; cursor: pointer; padding: 0 0.15em; transition: color 0.5s; color: $white; &:hover { color: #343A40; }
}