/* CONTAINER AND WRAPPER */
.container {
    justify-content: center;
    max-width: 1200px;
    margin: auto;
  
}

.mwrapper {
    width: 630px;
    margin-bottom: auto;
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
}
/* TEXT */

/*Headings*/
h1,
h2 {
    color:  #000000;
    text-align: center;
    font-family: "Pixelade", sans-serif;
    font-style: normal;
}

h3,
h4 {
    color:  #000000;
    text-align: center;
    font-family: "Pixelade", sans-serif;
    font-style: normal;
}

h5,
h6 {
    color: #000000;
    text-align: center;
   font-family: "Pixelade", sans-serif;
    font-style: normal;
}

/*Paragraphs*/
p {
   font-family: "Pixelade", sans-serif;
    font-weight: normal;
    font-style: normal;
   font-size: 20px;
    color: #38463e;
}

/*Lists*/
li,
ul,
ol {
font-size: 20px;
   font-family: "Pixelade", sans-serif;
    font-style: normal;

    display: inline-block;
    text-align: center;
}

/*Links*/
a {
  font-size: 20px;
    color: #3535e2;
    font-family: "Pixelade", sans-serif;
}

a:hover {
    font-size: 20px;
    color: #733ca2;
  font-family: "Pixelade", sans-serif;
}

/* BODY */

body {
   font-family: "Pixelade", sans-serif;
    background-image: url("https://archive.org/download/windows-vista-wallpapers_202207/img24.jpg");
  background-repeat: no-repeat;
    background-size: cover;
 
    font-style: normal;
   font-size: 20px;
    text-align: center;
}

/* FLEX */
.flex {
    display: flex;
}



/* HEADER AND FOOTER */
.header {
    justify-content: center;

    margin-bottom: -68px;
}

.footer {
    text-align: center;
   font-family: "Pixelade", sans-serif;
    font-size: 20px;
    color: #38463E;
    padding-top: 8px;
    padding-bottom: 5px;
    height: 22px;
    width: 529px;
    margin-top: -350px;
    margin: 0 auto;
}


.container {  display: grid;
  
  gap: 6px 12px;
  grid-auto-flow: row;
  grid-template-areas:
    "header header header"
    "body body body"
    "body . body"
    "body body body"
    "body body body"
    "footer footer footer";
}

.header { grid-area: header; }

.body { grid-area: body; }

.footer { grid-area: footer; }
