.nav-option:hover {
  background-color: #424242;
  color: white;
}

.sidenav-overlay {
  opacity: 0 !important;
}

.my-navbar {
  padding: 0px 15px 0px 15px;
}

.logo {
  max-width: 60px;
}

.title {
  font-family: 'BIZ UDPGothic';
}

.img-parallax {
  opacity: 1;
}

.techno-img {
  width: 80% !important;
}

/* Code Class */
.code,
code {
	background: rgba(135, 131, 120, 0.15);
	border-radius: 3px;
	padding: 0.2em 0.4em;
	border-radius: 3px;
	font-size: 85%;
	tab-size: 2;
}

code {
	color: #eb5757;
}

.code {
	padding: 1.5em 1em;
}

.code-wrap {
	white-space: pre-wrap;
	word-break: break-all;
}

.code > code {
	background: none;
	padding: 0;
	font-size: 100%;
	color: inherit;
}

/* Simple table NOTION */


.simple-table {
	margin-top: 1em;
	font-size: 0.875rem;
	empty-cells: show;
	max-width: 50%;
}
.simple-table td {
	height: 29px;
	min-width: 120px;
}

.simple-table th {
	height: 29px;
	min-width: 120px;
}

.simple-table-header-color {
	background: rgb(247, 246, 243);
	color: black;
}
.simple-table-header {
	font-weight: 500;
}


@media (max-width: 700px) {
  .parallax-container {
    max-height: 300px;
  }

  .title {
    font-size: 30px;
  }

}