body{
  width:100vw;
  height:100%;
  font-family:sans-serif ;
}
#container{
  width:100%;
  display: flex;
  justify-content: space-between;
  
}
#main-doc{
  width:70%;
  
}
#navbar{
  margin-left:2.3em;
  position:sticky;
  width:25%;
  height:40vh;
  top:0;
  display:inline;
  
}
a:visited:{
  color:Orange;
}
header{
  text-decoration:bold;
  font-size:2em;
}
@media screen  and (max-width: 480px){
  #container{
	display:grid;
	grid-template-row:20vh 1fr;
	grid-template-areas:
		"navbar"
		"main"
  }
  #navbar{
	grid-area:navbar;
	position:relative;
  }
  #main-doc{
	grid-area:main;
  }
}