*{
	margin: 0;
	
}

a:link {
  text-decoration: none;
}

.about{
	padding: 9vh;

}

.about.Image {
	max-width: 10px;
}

.container {
 	display: grid;
 	grid-template-areas:
    "menu content"
	"menu footer";
 	grid-template-columns: 40vh auto;
  	gap: 3px;
  	min-height: 100vh;
}

/*------------------------------------------------------------------*/
.container div.menu {
	position: -webkit-sticky;
	position: sticky;
    top: 0;
	left: 0;
    align-self: start;
  	grid-area: menu;
	height: calc(100vh - 1em);
	background-color:white;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	margin-left: 1em;
	font-size: 30px;

}


.container div.content {
 	grid-area: content;
 	columns: 300px;
    padding: 5em;
	background-color: white;
 
}

.column:hover .image {
  opacity: 0.3;
}

.column:hover .middle {
  opacity: 1;
}

img{
    width: 100%;
    height: auto;
	max-width: 100vh;
    margin-bottom: 1em;
    border-radius: 1px;
	opacity: 1;
	transition: .5s ease;
  	backface-visibility: hidden;
}
	


.footer {
	grid-area: footer;

}

.overlay {
  opacity: 1;
  transition: .5s ease;
}

.overlay:hover {
  opacity: .8;
}

body {
	 font-family: "Inter", sans-serif;
  
}

a, a:visited, a:hover, a:active {
  color: green;
}