body {
	font-family: 'Noto Sans', sans-serif;
}

.link-block a {
    margin-top: 5px;
    margin-bottom: 5px;
}

.MathJax {
	overflow-x: auto;
	overflow-y: hidden;
}

.square-image img {
	width: 200px;
	height: 200px;
	object-fit: fill;
	border-radius: 10px;
	transition: transform 0.3s ease-out;
}

.highlighted-p {
	outline: 5px solid yellowgreen;
}

.highlighted-up {
	outline: 5px solid yellow;
}

.square-image img:hover {
	transform: scale(1.08);
}

.description {
    position: relative;
    width: 100%;
    max-width: 960px;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #4c505f;
    background-color: white;
    font-size: 18px;
    text-align: left;
    margin-top: 2rem;
}

.description:before {
    position: absolute;
    top: 100%;
    left: 10%;
    transform: translateX(-50%) skew(-25deg);
    height: 16px;
    width: 10px;
    border-right: 2px solid #4c505f;
    background-color: white;
    content: "";
}

.description-up {
	max-width: 560px;
}

.description-up:before {
	left: 30%;
}