```html
<html>
  <head>
    <link rel="stylesheet" type="text/css"  href="./styles.css"  />
  </head>
  <body>
    <div id="root"></div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react-dom.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.21.1/babel.min.js"></script>
    <script type="text/babel">
      class Home extends React.Component {
        render() {
          return (
            <div>
              <img src="bg.jpeg" alt="Snow" style={{ width:'100% ', height:'672px' }}/>
              <div class="centered" style={{ background: '#1E1721', padding: '2cm', borderRadius: '5px' }}>
                <img src="logo.png" style={{ width:'200px',marginBottom:'2cm' }} />
                <a href="inventories.html">
                  <p style={{ color:'#fff', textAlign:'center' }}>
                    Электронный каталог
                  </p>
                </a>
                <a href="standards.html">
                  <p style={{ color:'#fff',textAlign:'center' }}>
                    Нормативы
                  </p>
                </a>
              </div>
            </div>  
          );
        }
      }

      ReactDOM.render(
        <Home />,
        document.getElementById('root')
      );
    </script>
  </body>
</html>

```

Hi, Here I am trying to use cdn in react.js but I have one css file names **styles.css** . I have added it in my head tag.

But it is not applying any styles to my app.

Same way if am using bootstrap cdn link it is working.

Is my import wrong for css ? But I can see my css in view source.

Please have a look