jQuery odd even to change the properties of elements

We have a div with a class cont. Inside this class we have 6 different divs. We will select the odd divs to change their color to red, and the even divs to increase their font size to 18px.

<html>
  <body>
    <div class="cont">
      <div>Div 1 ...</div>
      <div>Div 2 ...</div>
      <div>Div 3 ...</div>
      <div>Div 4 ...</div>
      <div>Div 5 ...</div>
      <div>Div 6 ...</div>      
    </div>

    <!--Script jQuery-->
    <script>
       $(document).ready(function(){
         $(".cont div:even").css('color', 'red');
         $(".cont div:odd").css('font-size', '18px');
       });
    </script>
    <!--JQuery Library-->
    <script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>  
  </body>
</html>