:root {
  --fonth:"Climate Crisis", sans-serif; 
  --fontm:"DM Serif Text", serif;
  --colorp: #BDF564;
  --colory: #FFFFFF;
  --color-links: #f0549d;
  --bg-color: #6B9E10;
  --bg-colory: #B08A02;
}

.climate-crisis {
  font-family: "Climate Crisis", sans-serif;
  font-size: auto;
  font-weight: 400;
  font-style: normal;
}

.dm-serif-text-regular {
  font-family: "DM Serif Text", serif;
  font-weight: 400;
  font-style: normal;
}


/* all */
.row {padding:none;}
.container {
  margin:0;  
}

header, nav, aside, footer {
  border:.1vw solid black;
  text-shadow:.1vw .1vw black;
}
header, footer, nav {
  max-width:100vw;
}
main {
   border:.1vw solid black;
  margin-bottom: .5vw;
  padding-top:1vw;
  background-color: var(--bg-colory);
  width: 100%; 
  padding-bottom:1vw;
  text-align:center;
  font-size:2vw;
 color: var(--colorp); 
}
body {
  padding-left:20%;
  padding-right:20%;
  padding-top:5vw;
  background-image:url("background.png");
  background-repeat: repeat;
  background-size: 10vw;
  background-color:#253603;
}
.flex {
  display:flex;
  max-width: 100vw;
}
/* nav */
aside {
  max-height: 100%;
  position: static;
  padding-left:0;
  background-color: var(--bg-colory);
  font-family: var(--fontm);
  text-align: left;
  font-size: 2vw;
  width:16vw;
}
/*header*/
header {
    height:10vw;
  background-color: var(--bg-color);
  max-height: 22vw;
  margin-top:0;
}
footer {
  vetical-align: middle;
  text-align:center;
  background-color: var(--bg-color);
  margin-top:0;
}
/* title */
nav {
    /* text*/
  color: var(--colory);
  text-align: center;
  font-size: 3vw;
  font-family: var(--fonth);
  text-shadow:.1vw .1vw black;
  text-decoration-color: var(--colory);
  background-color: var(--bg-color);
  max-height: 5vw;
  margin-bottom: .5vw;
}
/* main */

.column {
  padding-top:0.5vw;
}
/* paragraph */
p {
  font-family: var(--fontm);
  font-size: 1vw;
  text-align: center;  
  text-align: text-top; 
  color:#213001;
}
/* h1 */
h1 {
  color:#FFF;
  font-family:var(--fontm);
  text-align:center;
  font-size: 1.5vw;
  text-shadow: .1vw .1vw black;
}
/* lists */
li {
  font-family: var(--fontm);
  font-size: 2vw;
  list-style-type:none;
}
.nav {
  margin-top: .1vw;
}
/* links */
.links {
  color: var(--colorp);
  text-align: left;
  list-style-type:none;
  padding-left:0;
}
.links li {
  margin-bottom:0px;
  border: .1vw solid black;
}
.links li a {
  text-decoration:none;
}

a {
  text-shadow:.1vw .1vw black;
  text-decoration:none;
  text-align:center;
  font-size:2vw;
 color: var(--colorp); 
}
a:visited {
 text-align:center;
  font-size:2vw;
 color: var(--colorp);
}