Why oh why is my html not attached to my css?
<!-- my html is written below-->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="style.css" rel="stylesheet" type="text/css">
<style type="text/css">
</style>
<script src="respond.min.js"></script>
</head>
<body>
<body id="background">
<div class="gridContainer clearfix">
<div id="div1" class="fluid">Use Insert Panel for additional Fluid Grid Layout Elements. Note: All Fluid Layout tags must be contained within the "gridContainer" div tag.</div>
</div>
</body>
</html>
/*my CSS is written below*/
@charset "UTF-8";
/* CSS Document */
#background {
background-color: rgba(30,30,30,30.98);
background-image: url('images/me_atsunsetbackground.JPG');
background-repeat: repeat-y;
margin-left: 50px;
margin-top: 200px;
margin-right: 50px;
margin-bottom: 200px;
}