.custom-ol {
padding: 24px 32px;
box-shadow: 0 4px 16px -3px rgba(0, 0, 0, 0.25);
max-width: 500px;
margin: 24px auto;
border-radius: 10px;
font-family: "Roboto", sans-serif;
color: #073b4c;
}
.custom-ol h2 {
font-size: 28px;
}
.custom-ol ul {
margin: 0;
padding: 0;
margin-top: 32px;
list-style: none;
}
.custom-ol ul li {
margin: 28px 0;
font-size: 18px;
display: flex;
align-items: center;
transition: all 400ms;
}
.custom-ol ul li:hover {
background: #ffd166;
}
.custom-ol ul li::before {
content: "\f058";
margin-right: 24px;
font-family: "Font Awesome 5 Free";
font-size: 32px;
font-weight: bold;
padding: 8px 16px;
color: #90be6d;
transition: all 400ms;
}
.custom-ol ul li:hover::before {
transform: scale(1.2) rotate(-5deg);
color: #314224;
}
Thursday, March 4, 2021
0 comments