@import "codestyle.css";

:root {
  --mydark:  rgb(10, 0, 120);
}


body {
  font-family: sans-serif;
  /*display: grid;*/
  gap: 0em;
}


.container{
  text-align: left;
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-template-areas: "aNav aMain";
}


.container .subnav {
  /*grid-area: aNav;*/
  background-color: #ddddff; 
  grid-area: aNav;
  /*border: 2px solid;
  border-color: var(--mydark);*/
}

.container .codetop {
  background-color: #aaaaff;
  grid-area: aMain;
}

.container .codedesc {
  grid-area: aMain;
}

p.title {
  background-color: var(--mydark);
  color: white;
  padding: 1em;
}
main.code{

}

.name {
  font-size: 140%;
}
.welcome {
  font-size: 120%;
}