index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Викторина</title>
    <link rel="stylesheet" href="style.css">
    <script src="script.js" defer></script>
    <link rel = "icon" href = 
"icons8-ask-question-96.png" 
        type = "image/x-icon">
        <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Belanosima&family=Cabin:wght@600&family=Comfortaa:wght@500&family=Kanit:wght@400;500&display=swap" rel="stylesheet">
</head>
<body>
    <div class = "container">
        <div id="question-container" class="hide">
            <div id="question">Question</div>
            <div id="answer-buttons" class="btn-grid">
                <button class="btn">Answer 1</button>
                <button class="btn">Answer 2</button>
                <button class="btn">Answer 3</button>
                <button class="btn">Answer 4</button>
            </div>
        </div>
        <div class="controls">
            <button id="start-btn" class="start-btn btn">Начать</button>
            <button id="next-btn" class="next-btn btn hide">Следующий</button>
        </div>
    </div>
    <div class="resultScore">
        <div id="score"> </div>
    </div>
</body>
</html>