@import "codestyle.css";

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


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


/* für breitere Bildschirme */
@media (width > 30em) {
  body {
     grid-template-areas:
       "header header"
       "main main"
       "footer footer";
  }
}

header, footer {
  grid-column: 1 / -1;
}

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

nav {
  background-color: #ddddff; 
  /*border: 2px solid;
  border-color: var(--mydark);*/
}

main{
  text-align: left;
}
main.code{

}

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