header{display:block}header section{display:flex;border-bottom:1px solid #aaa;align-items:center;justify-content:space-between}footer{display:block}footer #binary-age-counter{display:relative;margin-right:20px}footer #binary-age-counter .bit{width:2px;height:30px;background:#5b8aea;display:inline-block;margin-right:2px;opacity:.3}footer #binary-age-counter .bit.on{opacity:1}footer section{display:flex;align-items:center;border-top:1px solid #aaa}body{background:#292929;color:#fff;font-family:monospace}mark{background:none;color:#5b8aea}h1{color:#5b8aea}#app{display:flex;flex-direction:column;align-items:center}main{min-height:calc(100vh - 107px)}header,footer,main{max-width:600px;width:100%}nav{-webkit-user-select:none;user-select:none}nav a{color:#fff;margin-left:20px;text-decoration:none;position:relative}nav a:hover{opacity:.8}nav a .sub-menu{position:absolute;display:block;background:#1f1f1f;transform:translateY(20px)}nav a .sub-menu a{display:block;margin-left:0}.resume{margin-top:20px}.resume #header #name{font-size:20px;font-weight:400}.resume #header #personal-info span{margin-right:10px}.resume .dated-item{margin-bottom:20px}.resume .dated-item #header{margin-bottom:5px}.resume .dated-item #header #title{font-weight:700;margin-right:30px}.col-2{display:grid;grid-template-columns:1fr 1fr}table{width:max-content;max-width:100%}table thead th{text-align:left}table th,table td{padding-right:20px}table .green-solve{color:#1ce164}table .gray-solve{color:#aaa}table .red-solve{color:#ec6868}