@font-face {
      font-family: 'numbers';
      src: url(https://caesthoffe.neocities.org/assets/fonts/numbers.otf);
      }

    body {
      font-family:courier;
      margin: 0;
      background-image:url(https://sadhost.neocities.org/images/tiles/rdbg.jpg);
      background-attachment:fixed;
      }
    
    h1 {
      font-family:numbers;
      font-size:50px;
      margin:15px 0px 0px 0px;
      padding:0px
      }
      
    h2 {
      font-family:garamond;
      border-bottom: solid 1px black;
      padding:0px;
      margin:0px;
      }
      
    .frame {
      border:solid 1px black;
      padding:10px;
      background:#fff;
      margin:20px auto 50px
      }
    
    .content p, ol, ul  {
      font-size:15px;
      }

    a {  
      color:#634642;
      text-decoration:underline;
      }

    a:hover {
      font-weight:bold;
      color:#634642
      }
      
    .content a:hover {
      font-weight:initial;
      background:#ffc5c6
      }

    h3 {
      border-bottom:solid 1.5px #634642;
      padding-bottom: 5px;
      margin-bottom:10px;
      font-size:18px;
      }

  /* formatting */
    html::-webkit-scrollbar {
      display: none;
      }
      
    html {
      -ms-overflow-style: none;  /* IE and Edge */
      scrollbar-width: none;  /* Firefox */
      }
    
      
    .sidebar p {
      font-size:15px;
      font-family:courier;
      color:#634642
      }
      
    .links p {
      border:solid 1px black;
      font-family:garamond;
      margin: 5px auto 5px;
      padding:3px 0px 3px 0px;
      background:#fff;
      width:100%;
      text-align:center
      }
      
    .links p a:hover {
      font-style:italic
      }
      
    .links p:hover {
      background:#ffc5c6
      }
      
    .sidebar {
      background-image:url(https://sadhost.neocities.org/images/tiles/rdbg.jpg);
      background-attachment:fixed;
      font-family:courier;
      margin: 0;
      padding: 20px;
      width: 200px;
      position: fixed;
      height: 100%;
      overflow: auto;
      -ms-overflow-style: none;  /* IE and Edge */
      scrollbar-width: none;  /* Firefox */
      }

    .sidebar::-webkit-scrollbar {
      display: none;
      }

    div.content {
      margin-left: 240px;
      padding: 1px 16px;
      }
    
    @media screen and (max-width: 700px) {
      .sidebar {
        display:block;
        width: 89%;
        margin:auto;
        height: auto;
        position: relative;
        }

        
      div.content {margin-left: 0;}
      }
    
    @media screen and (max-width: 400px) {
      .sidebar a {
        text-align: center;
        float: none;
      }}
      
    .center {
      width:45%;
      min-width:400px;
      margin:0px auto 0px;
      text-align:center;
      }

    p#subtitle {
      font-family:courier;
      font-weight:bold;
      font-size:12px;
      border-top: solid 1px black;
      padding:15px 0px 5px 0px;
      margin:0px
      }
      
    p#nav {
      font-family:fearlessly;
      font-size:20px;
      margin:0px;
      padding:0px
      }
    
    summary {
      border-bottom: solid 1px black;
      font-family:garamond;
      font-size:24px;
      font-weight:bold;
      padding:0px;
      margin:0px;
      }
      
    summary:hover {
      cursor:pointer;
      }
 
     summary#thoughts {
      font-family:courier;
      font-weight:bold;
      font-size:12px;
      margin:0px;
      border: none;
      }
             
    p#cw {
      font-weight:bold;
      }