◊(Local Yarn Code "Check-in [c7616fe6]")

#lang pollen/pre

/* Copyright (c) 2018 Joel Dueck.
**
** Licensed under the Apache License, Version 2.0 (the "License");
** you may not use this file except in compliance with the License.
** You may obtain a copy of the License at
**
**       http://www.apache.org/licenses/LICENSE-2.0
**
** Unless required by applicable law or agreed to in writing, software
** distributed under the License is distributed on an "AS IS" BASIS,
** WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
** See the License for the specific language governing permissions and
** limitations under the License.
**
** Author contact information:
**   joel@jdueck.net
**   https://joeldueck.com
** -------------------------------------------------------------------------

/* Welcome to my CSS File!    
     I have named it `martin.css`, after Martin Pale.
/* Welcome to my CSS File!  
** I have named it `martin.css`, after Martin Pale. */

   So here, broadly, is the approach we are taking here:
◊;{Here, broadly, is the approach we are taking here:

   1. The site shall look decent and readable even when CSS is unavailable.

   2. There's a vertical rhythm of ◊x-lineheight[1] that everything follows.

   2. There's a vertical rhythm of ◊x-lineheight[1] that just about 
      everything follows.
      
   3. Define the mobile (smallest screen) layout first...            [Lines 026-???]
      ...then do some dynamic type sizing on screens 768px+ wide     [Lines ???-???]
   
   4. If CSS Grid support is detected, we'll do some nice-looking    [Lines ???-???]
      layout on screens 768px+ wide.
}
*/

@import url('font.css');
@import url('normalize.css');

/* Let us first address the matter of font size in different screen sizes. */

/* Mobile portrait screens will see a minimum 18px font. */
html { font-size: 18px; }