body {

	font-size: 17px;
	margin: 5;
	padding: 20px;
  background: #e5ecb5;
background-image:url(/images/misc/sewingbg.gif);
color:#042e06;
 line-height: 1.2;
}

/* Contains everything*/
.wrapper {
  width: 1000px;
  height: auto;
  margin: auto;
 
}

 .main {
  background-color: rgb(248, 249, 248);
  padding: 20px;
  width: 80%;
  border-radius: 10px;
  margin:auto;
  height: auto;
border: 3px dashed #5a6e01; 
  outline: 5px solid #f8f9f8;

}

.fixedElement {
  background-color: #f8f9f8;
  padding: 20px;
  width: 160px;
  margin:15px;
  border-radius: 10px;
  height: auto;
  border: 5px solid #D83026;
    position:fixed;
    top:0;
    z-index:100;
}

/* Clears the floats after the columns IMPORTANT*/
.row:after {
  content: "";
  display: table;
  clear: both;
  
}

.button {
 background-color: #ffff4d;
  padding: 8px;
  width: 130px;
  margin:5px;
  border-radius: 10px; 
  border: 4px solid #D83026;

}

.button:hover {
  background-color: white;
}

.container {
  display: grid;
  grid-template-columns: auto auto auto;
  background-color: transparent;
  padding: 10px;
  gap: 5px;
}

.container div {
  background-color: #f8f9f8;
  padding: 15px;
  
}

  .container2 {
 background-color: #f8f9f8;
  padding: 20px;
  margin:5px;
  width:92.5%;
}



h2 {
  font-family: "Chakra Petch", sans-serif;
}
 
 
 @font-face {
  font-family: Chakra Petch; /* set name */
  src: url(/scripts/chakra-petch-v13-latin-regular.ttf); /* url of the font */
}

blockquote {
  background:#e5ecb5;
  padding:10px;
}