/*

Author: Achmad Nur Widhiyanto
Description: Achmad Nur Widhiyanto - theme
url: http://cv.nurwidhiyanto.me
Version: 1.1 (white)

*/
:root {
  /* Backgrounds */
  --bg-main: #111;
  --bg-container: #111;

  /* Text colors */
  --text-primary: #ddd;
  --text-secondary: #bbb;
  --text-muted: #666;
  --text-dim: #777;
  --text-heading: #FFF;

  /* Accent */
  --accent: #4F6367;
  --highlight: rgba(251, 246, 35, 0.5);

  /* Borders */
  --border: #DDE0E3;
}

/* Reset
-----------------------------------------------------------------------------------------------*/
::selection									{ background: var(--highlight); color:#2b2b2b; }
::-moz-selection								{ background: var(--highlight); color:#000; }
*										{ margin: 0; padding: 0; box-sizing: border-box; }

body:before									{ content: ""; position: fixed; top: 0px; left: 0; width: 100%; height: 5px; z-index: 100; }
body										{ background: var(--bg-main); overflow-: hidden; line-height: 1em; font: 14px/130% "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; }
body										{ font-family: "Google Sans Code", monospace; }
/* reset */
ul										{ list-style: circle; }
ul, ol										{ margin: 0 0 2em 2em; }
li										{ margin: 0 0 1em 0; }
a										{ color: var(--text-muted); text-decoration: none; outline: none; }
a:hover										{ text-decoration: none; cursor: pointer; color: var(--text-primary); }
h1, h2										{ word-wrap: break-word; line-height: normal; }
p										{ margin: 0 0 10px; }
hr										{ border: none; border-bottom: 1px solid var(--border); height: 1px; margin: 20px 0; width: 100%; }

blockquote {
  margin: 0 0 21px 0;
  padding: 5px 0 5px 20px;
  font: italic 14px/21px Georgia, "Times New Roman", Times, serif;
}

img { vertical-align: middle; }

h1, h2, h3, h4, h5, h6 {
  color: var(--text-heading);
}

/*
-----------------------------------------------------------------------------------------------*/
#wrapper {
	max-width: 1100px;
	margin: 6% auto;
	background: var(--bg-container);
	color: var(--text-primary);
	padding: 0 50px;
}

/* Grid Layout */
.grid {
	
	grid-template-columns: 30% 1fr; display: grid;
	gap: 40px;
	position: relative;
}

/* Header */
.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15%;
}

.label {
	position: absolute;
	left: 0;
}


.about .label {
	font-size: 20px;
	font-weight: 600;
}
.name-title .label {
	font-size: 2em;
	font-weight: 600;
}
.name-title .meta {
    margin: 10% 0 0 0;
}

.meta span {
	margin: 0 30px 5px 0;
	font-size: 14px;
	color: var(--text-muted);
	display: block;
}



/* Left column */
.left {
  display: flex;
  flex-direction: column;
  gap: 60px;
  color: var(--text-dim);
  font-size: 14px;
}

/* Right column */
.right section {
	margin-bottom: 15%;
}

section.name-title { margin-bottom: 45%;}

/* Job styling */
.job {
  margin-bottom: 30px;
}
.job-detail						{ margin: 2em 0; }

.job h3 {
							font-size: 16px;
							font-weight: 600;
							margin: 0 0 .5em 0;
}

.job h3 span {
  font-weight: 400;
  color: var(--text-muted);
  margin-left: 8px;
}

.job p {
  font-size: 14px;
  color: var(--text-secondary);
  margin: 8px 0;
  line-height: 1.5;
}

.job h4 {
	font-size: 15px;
	margin: 0 0 1em 0;
}

.date {
  font-size: 12px;
  color: var(--text-dim);
}

/* Education two columns */
.two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}

h4 {
	font-size: 15px;
}

p {
  font-size: 14px;
  color: var(--text-secondary);
  line-height: 1.5;
}