body {
   background-image: url('/animation_portfolio/32x32bg.png');
   background-attachment: fixed;
   
   }
   
  * {
         box-sizing: border-box;
     }
         
      .container {
          display: flex;
          flex-direction: column;
          width: 75%;
          background-color: #dcc9a3;
            border-top: solid 2px #947538;
            border-left: solid 2px #947538;
            box-shadow: 3px 3px 2px #fefefe inset;
            box-shadow: 3px 3px 2px;
          margin: auto;
      }
      
      .head {
            background-color: #b99346;
            color: white;
            font-family: Verdana;
            font-size: 12px;
            height: 25px;
                
            }
            
        .here {
          background-color: rgb(218,218,218);
          box-shadow: 2px 2px 2px inset;
            border-bottom: solid 2px white;
            border-right: solid 2px white;
        }
        
        .intro {
          display: flex;
          flex-direction: column;
        }
        
       
        
        span.none {
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
            margin-top: -19px;
            margin-right: 5px;
        }
        
        span.none > div {
            color: black;
            background-color: #c3c3c3;
            width: 18px;
            font-size: 12px;
            box-shadow: 2px 2px black;
            top: 0;
            text-align: center;
            border-top: solid 2px white;
             border-left: solid 2px white;
            border-bottom: solid 2px #848482;
            border-right: solid 2px #848482;
        }
        
        span.none > div:hover {
            background-color: #DD7F38;
            cursor: not-allowed;
        }
        
        .nav {
            white-space: pre;
            height: 15px;
            padding-bottom:25px;
            top: 0;
            border-bottom: solid 1px #848482;
            z-index: 90;
            
        }
      
      .secondary {
          border-top: solid 1px white;
          padding-top: 15px;
          padding-left: 20px;
          padding-bottom: 15px;
          z-index: 100;
      }
        
        h4 {
            margin-top: 5px;
        }
        
        p {
            margin-top: -32px;
            margin-left: 14px;
            font-size: 17px;
            }
      .one {
            width: 99%;
            height: 33px;
            display: flex;
            flex-direction: column;
            margin: 4px;
            }
     
      a {
            color: black;
            text-decoration: none;
            font-family: verdana;
            font-size: 12px;
                   }
        a:hover {
            background-color: #dbdbdb;
            box-shadow: 2px 2px 2px inset;
            border-bottom: solid 2px #fefefe;
            border-right: solid 2px #fefefe;
            padding: 3px;
            
        }
         a:visited {
                color: black;
                text-decoration: none;
            }
            .boxthree {
          display: flex;
          flex-direction: column;
          width: 75%;
          background-color: #dcc9a3;
            border-top: solid 2px #947538;
            border-left: solid 2px #947538;
            box-shadow: 3px 3px 2px #fefefe inset;
            box-shadow: 3px 3px 2px;
          margin: auto;
            }