Strona główna
body {
background-color: rgb(216, 251, 252);
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
}
.circle p {
margin: 0;
}
.container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
height: 100vh;
}
.circle {
display: flex;
justify-content: center;
align-items: center;
width: 150px;
height: 150px;
border-radius: 50%;
margin: 0 20px;
font-size: 20px;
color: white;
background-color: gray;
text-align: center;
transition: transform 0.2s ease-in-out;
}
.circle.green {
background-color: rgb(152, 228, 211);
}
.circle.blue {
background-color: rgb(120, 201, 187);
}
.circle.red {
background-color: rgb(81, 156, 144);
}
.circle:hover {
transform: scale(1.2);
}
