.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