.m1
  .row
    img.logo(src="https://upload.wikimedia.org/wikipedia/commons/3/31/Apple_logo_white.svg")
    .text M1
View Compiled
html,
body {
  height: 100%;
}

body {
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

  background-color: black;
}

.m1 {
  height: 400px;
  width: 400px;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

  background-color: black;

  border-image: conic-gradient(from 45deg,
      hsl(200, 75%, 75%), 12.5%,
      hsl(260, 75%, 75%),
      hsl(335, 75%, 75%),
      hsl(10, 75%, 75%),
      hsl(200, 75%, 75%)
    )
    27 / 2px;

  box-shadow:
    120px -120px 80px -80px hsl(200, 50%, 50%),
    120px 120px 80px -80px hsl(260, 50%, 50%),
    -120px 120px 80px -80px hsl(335, 50%, 50%),
    -120px -120px 80px -80px hsl(10, 50%, 50%);
}

.row {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}

.logo {
  height: 100px;
  width: 100px;
  filter: invert(0.25);
}

.text {
  font-size: 100px;
  color: silver;
}
/*

Reference image: https://www.apple.com/v/macbook-air/j/images/overview/apple_silicon_endframe__forvi6ykwn6m_large_2x.jpg

*/

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.