<!DOCTYPE HTML>
<html>
<head>
    <title>Test</title>
<link href="index.css" rel="stylesheet">
<style>.import3 {
  color: blue;
}</style>
</head>
<body>
    <p class="import1">This text should be red (import1.scss)</p>
    <p class="import2">This text should be green (import2.scss)</p>
    <p class="import3">This text should be blue (import3.scss)</p>
    <script src="index.js"></script>
</body>
</html>