<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.