.pageTitle {
    text-align: center;
    font-size: 60px;
    text-decoration: underline;
}

.pageLink:link {
    display:block;
    color: var(--text);
}

.pageLink:visited {
	color: var(--text);
}
    
    
.pageLink:hover {
    color: var(--primary);
}

.NotebookInfo {
	float: left;
	margin: 0.5%;
	width: 13%;
	height: 500px;
	border: var(--border);
}

.NotebookMain {
	width: 98%;
	margin: 1%;
}

.Notebookinfo {
	font-size: 20px;
	text-align: center;
}

@media (max-width: 1280px) {

  .NotebookInfo {
	width: 15%;
  }

}

@media (max-width: 1024px) {

  .NotebookInfo {
	width: 18.5%;
  }

}


@media (max-width: 640px) {

  .NotebookInfo {
	width: 23%;
  }

}