CSS not working

CSS not Working

Hi Guys. Im so confused why my css link is not working. i already tried to arrange my link style sheet but what happend is some off my custom css is not working.
For example have

body{

background-color: pink;

}

.div{

background-color: white;
height: 800px;

}

Select allOpen in new window

This code. My background is working but when i adjust the height of class "div" nothing happens and remain at its previous size

here is my link

    [indent]<link rel="shortcut icon" href="/images/ojo.ico"/>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.css" rel="stylesheet">
    <link href="https://cdn.datatables.net/1.10.16/css/dataTables.bootstrap4.min.css" rel="stylesheet">
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="style.css"> 
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.16/js/dataTables.bootstrap4.min.js"></script>[/indent]
 

Select allOpen in new window