Correct this and let me know whats wrong

HTML-CSS
1
Storytelling App body { font-family: Arial, sans-serif; display: flex; justify-content: center; align-items: center; min-height: 100vh; margin: 0; background-color: #f0f0f0; } 
    h1 {
        text-align: center;
        font-size: 2rem;
    }

    .story-container {
        text-align: center;
        border: 2px solid #ccc;
        padding: 20px;
        background-color: #fff;
        width: 300px;
        margin-top: 20px;
    }

    .btn-container {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .btn {
        padding: 10px;
        font-size: 1rem;
        cursor: pointer;
        background-color: #4caf50;
        color: white;
        border: none;
        border-radius: 5px;
    }

    .btn:hover {
2

can you share the link to the project please?