<div class="google-logo">
  <span class="blue">G</span>
  <span class="red">o</span>
  <span class="yellow">o</span>
  <span class="blue">g</span>
  <span class="green">l</span>
  <span class="red">e</span>
</div>
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

body {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F5F5F5;
}

.google-logo {
  font-size: 10rem;
  display: flex;
  cursor: default;
  font-family: Poppins, sans-serif;
  margin: 0 auto;
  width: fit-content;
  width: -moz-fit-content;
}

.blue {
  color: #4285F4;
}

.red {
  color: #EA4335;
}

.yellow {
  color: #FBBC05;
}

.green {
  color: #34A853;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.