@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


body {margin:0; font-family: Roboto; }
header { background-color:red;
        height:80px;
    display:flex; 
    justify-content:space-between;
    align-items:center;}
#logo { width:40px; height:30px; 
       background:url('obszerver.png');
      background-size:cover;}
main, main > * {display:flex; gap:1px;}
main > div { 
    flex-direction:column}
h2 { font-family:Times;
    font-weight:100;
    font-size:34px;
    _background-color:#abc;
   padding:10px 0 0 0; 
    margin:0}
h3 { font-size:16px;
    font-weight:600;
    padding:0; margin:0}
#content { line-height:1.5;
    margin-top:1rem;}

.subhead { flex:1;}
#headline { 
    font-family: 'Roboto Slab';
    aspect-ratio:1.6; 
    min-width:300px;
    width:60%;
    max-width:100%;
    _background-color:#f6f6f6;
    border-right:1px solid #aaa;
    display: flex;
    flex-direction:column;
    align-items:start;
    padding:0 2rem;
    margin-top:1rem;}
.subheadline { 
    background-color:#e7e3e3;
    border-bottom:1px solid #ccc;
    margin:12px; flex:1;}

nav a { margin:0 1rem; 
       color:white;
       text-decoration:none}