SCSS
$red: #e60012;
$white: #fff;
body {
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
background: $red;
}
.n {
position: relative;
margin-top: -16vmin;
display: block;
width: 55vmin;
height: 55vmin;
border: 4.4vmin solid $white;
border-radius: 28%;
background:
radial-gradient(circle at 21% 28%, $white 0%, $white 11%, rgba(0, 0, 0, 0) 11%, rgba(0, 0, 0, 0)),
radial-gradient(circle at 81% 60%, $red 0%, $red 12.3%, rgba(0, 0, 0, 0) 12.3%, rgba(0, 0, 0, 0)),
linear-gradient( 90deg, $red, $red 40%, $white 40%, $white);
&:before {
content: '';
position: absolute;
top: -9.25%;
left: 48%;
display: block;
height: 118.5%;
width: 10%;
background: $red;
}
&:after {
content: 'Nintendo';
position: absolute;
left: 50%;
top: 120%;
transform: translate(-50%, 0);
font-family: 'Montserrat';
color: $white;
text-transform: uppercase;
font-size:10vmin;
letter-spacing: 2vmin;
}
}
