/* styles/style.css
   Cleaned stylesheet: moved CSS rules here and added font imports.
*/

@import url('https://fonts.googleapis.com/css?family=Megrim|Lato');
@import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400;700&display=swap');

body {
  background:#f5f5f5 url();
  font-family: 'Pixelify Sans', Lato, Calibri, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight:400;
  text-shadow: 0px 0px 1px #bbb;
  color:#222;
  letter-spacing: 1px;
  line-height:13px;
}

#left {
  width:190px;
  background:#eee url();
  margin: 0px;
  padding:0px;
  border:0px solid #666;
}

#content {
  width:415px;
  background:#eee url();
  margin: 0px;
  padding:0px;
  border:0px solid #666;
}

.box {
  background:#D4D0C8;
  border-left:2px solid #666;
  border-right:2px solid #aaa;
  border-bottom:2px solid #928F88;
  border-top:2px solid #666;
  padding:4px;
  margin-bottom:4px;
}

#header {
  text-align:left;
  color:#2F498C;
  background:#D4D0C8;
  font-size:20px;
  letter-spacing:2px;
  padding-left:4px;
  border-left:2px solid #666;
  border-right:2px solid #aaa;
  border-bottom:2px solid #928F88;
  border-top:2px solid #666;
  width:600px;
  height:90px;
  line-height:90px;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
}

.siteurl {
  text-align:left;
  color:#000;
  background:#D4D0C8;
  letter-spacing:2px;
  padding-left:4px;
  border-left:2px solid #666;
  border-right:2px solid #aaa;
  border-bottom:2px solid #928F88;
  border-top:2px solid #666;
  width:600px;
  height:15px;
  line-height:15px;
}

#navigation { width:608px; background:#DDDAD3; }
.navi { float:left; display:block; font:9px arial black, calibri; border-left:2px solid #666; border-right:2px solid #aaa; border-bottom:2px solid #928F88; border-top:2px solid #666; margin-right:4px; padding:5px; min-width:80px; text-align:center; background:#D4D0C8; text-transform:uppercase; }

.title { font:9px arial black, calibri; text-transform:uppercase; color:#FFF; background:#E3F4E2 url(https://64.media.tumblr.com/24edcf69b43d44676493a5b517aa225e/9aa6415c11a612ea-90/s640x960/e6ee5ec70e3166f12308004fc1b3c5b742dc8e0e.pnj); letter-spacing:3px; padding-left:4px; border-bottom:1px solid #fff; padding-top:2px; }

a:link, a:visited, a:active { color:#2F498C; text-decoration:none; }
a:hover { color:#444; }

/* End of stylesheet */
 <!DOCTYPE html>
<html>
  <head>
  <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="http://fonts.googleapis.com/css?family=Megrim|Lato" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap" rel="stylesheet">

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>itinerae: good old times</title>

    
    <style type="text/css">
      
body {
  background:#f5f5f5 url();
  font-family: 'Pixelify sans', lato, calibri, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight:400;
  text-shadow: 0px 0px 1px #bbb;
  color:#222;
  letter-spacing: 1px;
  line-height:13px;}



#left {
    width:190px;
    background:#eee url();
    margin: 0px;
    margin-top:0px;
    padding:0px;
    border:0px solid #666;}
      
      #content {
    width:415px;
    background:#eee url();
    margin: 0px;
    margin-top:0px;
    padding:0px;
    border:0px solid #666;}
      
.box {background:#D4D0C8;border-left:2px solid #666;border-right:2px solid #aaa;border-bottom:2px solid #928F88;border-top:2px solid #666;padding:4px;margin-bottom:4px;}

    
    #header {text-align:left;color:#2F498C;background:#D4D0C8;font-size:20px;
      letter-spacing:2px;padding-left:4px;border-left:2px solid #666;border-right:2px solid #aaa;border-bottom:2px solid #928F88;border-top:2px solid #666;line-height:10px;width:600px;height:90px;line-height:90px;border-top-left-radius:10px;border-top-right-radius:10px;}  
      
      
.siteurl {text-align:left;color:#000;background:#D4D0C8;
      letter-spacing:2px;padding-left:4px;border-left:2px solid #666;border-right:2px solid #aaa;border-bottom:2px solid #928F88;border-top:2px solid #666;line-height:10px;width:600px;height:15px;line-height:15px;} 
      
    /* styles/style.css
       Cleaned: moved CSS rules here and converted font links to @import.
    */

    @import url('https://fonts.googleapis.com/css?family=Megrim|Lato');
    @import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400;700&display=swap');

    body {
      background:#f5f5f5 url();
      font-family: 'Pixelify Sans', Lato, Calibri, Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-weight:400;
      text-shadow: 0px 0px 1px #bbb;
      color:#222;
      letter-spacing: 1px;
      line-height:13px;
    }

    #left {
        width:190px;
        background:#eee url();
        margin: 0px;
        margin-top:0px;
        padding:0px;
        border:0px solid #666;
    }

    #content {
        width:415px;
        background:#eee url();
        margin: 0px;
        margin-top:0px;
        padding:0px;
        border:0px solid #666;
    }

    .box {background:#D4D0C8;border-left:2px solid #666;border-right:2px solid #aaa;border-bottom:2px solid #928F88;border-top:2px solid #666;padding:4px;margin-bottom:4px;}

    #header {text-align:left;color:#2F498C;background:#D4D0C8;font-size:20px;letter-spacing:2px;padding-left:4px;border-left:2px solid #666;border-right:2px solid #aaa;border-bottom:2px solid #928F88;border-top:2px solid #666;line-height:10px;width:600px;height:90px;line-height:90px;border-top-left-radius:10px;border-top-right-radius:10px;}

    .siteurl {text-align:left;color:#000;background:#D4D0C8;letter-spacing:2px;padding-left:4px;border-left:2px solid #666;border-right:2px solid #aaa;border-bottom:2px solid #928F88;border-top:2px solid #666;line-height:10px;width:600px;height:15px;line-height:15px;}

    #navigation {width:608px;background:#DDDAD3;}
    .navi {float:left;display:block;font:9px arial black, calibri;border-left:2px solid #666;border-right:2px solid #aaa;border-bottom:2px solid #928F88;border-top:2px solid #666;margin-right:4px;padding:5px;min-width:80px;text-align:center;background:#D4D0C8;text-transform:uppercase;}

    .title {font:9px arial black, calibri;text-transform:uppercase;color:#FFF;background:#E3F4E2 url(https://64.media.tumblr.com/24edcf69b43d44676493a5b517aa225e/9aa6415c11a612ea-90/s640x960/e6ee5ec70e3166f12308004fc1b3c5b742dc8e0e.pnj);letter-spacing:3px;padding-left:4px;border-bottom:1px solid #fff;padding-top:2px;}

    a:link, a:visited, a:active { color:#2F498C;text-decoration:none;}
    a:hover { color:#444; }

    .image {
      max-width: 50%;
      height: auto;
    }

    /* End of stylesheet */
        title <img src="https://64.media.tumblr.com/80cf177e094cd9fc9a27eec8da61e920/e06f2c466dd19ade-e9/s75x75_c1/ab3391fa58ceabfb624ecc9b0b84091592b14c6c.pnj" alt="x" align="right" height="10" style="margin-right:4px;"> </div>

          <div class="box">       

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.
