element {
  		--main-bg-color: #6f4e37;
		--main-color: #DCD9CD
}



html {
        background-color: --main-bg-color;
        color: --main-color;
      }

body {
        display: flex;
        flex-direction: column;
      }


#webring {  display: flex;
            flex-direction: column;
            border-radius: 7px;
            align-self: center;
            min-width: 65%;
            max-width: 70%;
		font-family: monospace;          }

#logo     {
          display: flex;
          align-self: center; */
          flex-direction: row;
          align-items: center;
          align-self: center;
          justify-content: space-between;
          max-width: 70%;
	  text-decoration: none;
          }

#logo p {text-align: center;}

#links { display: flex;
  flex-direction: column;
        align-self: center;
text-decoration: none;
        }

#logo p a, #links, #links p a, #links p, #title, #logo, #webring   {
                                                                    background: #DCD9CD;
                                                                    color: #6f4e37;
                                                                    }

#links p {
          align-self: center;
          margin-top: 2px;
        }
#logo, #logo p a {text-decoration: none;}

#title {
          font-size: 1.8em;
          padding-left: 30px;
          padding-right: 30px;
        }