body {
		color: #222;
		background: #fff;
}


a {
		font-weight: bold;
		color: #222;
}

a:hover {
    opacity: 0.7;
}


h1 {
		font-weight: normal;
}

.profile-img {
		width: 70%;
		border-radius: 50%;
		max-width: 200px;
}

.btn-toggle {
		float: right;
}

.cv {
		width: 100%;
		max-width: 1000px;
		margin: auto;
}

#header {
		display: grid;
		align-items: stretch;
		margin: 1vw;
		grid-template-columns: 25% 75%;
		width: 100%;
}

#header-img {
		display: flex;
		align-items: center;
		justify-content: center;
}

#header-name {
		display: flex;
		align-items: center;
		justify-content: center;
}

#header-name h1 {
    font-size: clamp(30pt, 5vw, 50pt);
}

#download-pdf {
		text-align: left;
}

#contact-links {
		text-align: center;
		margin: 1vw;
		width: 100%;
}

#contact-links a {
    white-space: nowrap;
    padding: 0 0.5em;
    transition: opacity 0.2s;
}

#experience {
		display: flex;
		flex-direction: column;
}

.experience-row {
		display: flex;
}

.experience-row > div:first-child {
		flex: 5;
		display: flex;
}

.experience-row > div:last-child {
		flex: 1;
		display: flex;
		justify-content: left;
}

#education {
		display: flex;
		flex-direction: column;
}

.education-row {
		display: flex;
}

.education-row > div:first-child {
		flex: 5;
		display: flex;
}

.education-row > div:last-child {
		flex: 1;
		display: flex;
		justify-content: left;
}

.tools {
		color: #777777;
		
}

body.dark-theme .tools {
		color: #999999;
}

body.dark-theme {
		color: #d7d7af;
		background: #252525;
}

body.dark-theme a {
		color: #d7d7af;
}

body.dark-theme h1 {
		color: #89c7df;
}

body.dark-theme h2 {
		color: #a5a6d7;
}