HN Logo Sigle Element

HTML
<div></div>
SCSS
%align-center { display: flex; justify-content: center; align-items: center; } html, body { height: 100%; width: 100%; @extend %align-center; background: #F6F6EF; } div { width: 300px; height: 300px; @extend %align-center; background: #F26522; box-shadow: 0px 0px 27px -2px rgba(0,0,0,0.75); &:after { content: 'Y'; font-size: 18vw; color: #fff; } }
JAVASCRIPT
Expand for more options Login