Untitled

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
        <section id="tekst1">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas a pulvinar metus. Curabitur consectetur augue a euismod consectetur. Donec eu lacus libero. Suspendisse faucibus velit magna, id tristique elit bibendum ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed maximus erat diam, eget ornare massa auctor ac. Integer suscipit turpis quis tincidunt vehicula. Vestibulum vestibulum, massa et bibendum fringilla, dolor ipsum rutrum elit, nec maximus ipsum turpis et nibh. Duis eu lectus vitae nunc lacinia dignissim a vitae turpis. Aliquam a hendrerit erat, vel imperdiet arcu. Cras ut viverra felis, a blandit diam. Nunc vitae facilisis est.</p>
        </section>
        <section id="tekst2">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas a pulvinar metus. Curabitur consectetur augue a euismod consectetur. Donec eu lacus libero. Suspendisse faucibus velit magna, id tristique elit bibendum ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed maximus erat diam, eget ornare massa auctor ac. Integer suscipit turpis quis tincidunt vehicula. Vestibulum vestibulum, massa et bibendum fringilla, dolor ipsum rutrum elit, nec maximus ipsum turpis et nibh. Duis eu lectus vitae nunc lacinia dignissim a vitae turpis. Aliquam a hendrerit erat, vel imperdiet arcu. Cras ut viverra felis, a blandit diam. Nunc vitae facilisis est.</p>
        </section>
    </body>
</html>

#tekst1:hover{
    color: red;
}

#tekst2:hover{
    color: blueviolet;
}