/* Classes */

.marginright {
	margin-right: 3vw;
}

.alignright {
	margin-left: auto;
}


/* IDs */

#yash {
	width: 25%;
}

#current {
	text-shadow: #e26822 2px 2px 2px;
}


/* Elements */

html {
	font-family: "Source Code Pro", monospace;
	font-size: 16px;
	letter-spacing: 1px;
	color: #fcfa88;
}

body {
	background-color: #023d25;
	margin: 3vw;
}

header, footer {
	display: flex;
	align-items: center;
}

header {
	margin-top: -1rem;
}

hr {
	margin-top: 2vw;
	margin-bottom: 2vw;
	margin-left: -2vw;
	margin-right: -2vw;
	color: #e26822;
}

h1 {
	text-shadow: #FFCC00 1px 1px 3px;
	margin-left: -2vw;
}

h2 {
	margin-left: -1vw;
}

a {
	color: #e26822;	
}

img {
	box-shadow: black 1px 1px 8px;
	margin-top: 1vw;
	margin-bottom: 1vw;
	display: block;
}

em {
	color: #dd966c;
}

b {
	text-shadow: #FFCC00 1px 1px 3px;
}

.definition {
	position: relative;
	cursor: pointer;
	color: #fcfa88;
}

/* Properties */

a:hover {
	color: #af4203;
}

.definition::after {
	content: attr(data-definition);
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	background-color: #038750;
	padding: 5px;
	border-radius: 5px;
	white-space: nowrap;
	opacity: 0;
	transition: opacity 0.2s;
	pointer-events: none;
}

.definition:hover::after {
	opacity: 0.9;
}