body { margin: 0px auto; /*max-width: 1200px;*/ max-width: 60em; padding: 0.5em 2.5em; } nav { margin: auto; width: 100%; font-size: 110%; display: inline-block; text-align: center; margin-bottom: 0.5em; } header h1 { font-weight: normal; text-align: center; font-family: Helvetica, Arial, Sans-Serif; } nav a { text-decoration: none; color: #808080; padding: 0.2em; } nav a:hover { text-decoration: underline; } nav hr { width: 5em; display: inline-block; vertical-align: middle; } nav a#selected { color: #000000; text-decoration: underline; pointer-events: none; cursor: default; } .about { margin-top: 1em; margin-bottom: 1em; text-align:justify; } .about img { float: left; display: inline; margin-right: 20px; margin-bottom: 20px; } .software img { float: right; padding: 5px; } .software p { /*#clear: both;*/ } section.info { clear: both; } .about h2 { display: none; } .clear { clear: both; } .cv_title { color: #cf8a05; } .skills_list { -moz-column-count:3; -webkit-column-count:3; column-count:3; } li { page-break-inside: avoid; -webkit-column-break-inside: avoid; } .cv_details { font-style:italic; margin: 0px; } .cv section { border-top: 1px solid #dedede; } .cv_link { text-align: center; } .cv_content h3 { margin-bottom: 0.2em; } div.skills_table { margin-top: 1.3em; display: table; width: 75% } .skills_table h3 { padding-bottom: 0.7em; display: table-cell; width: 9em; } /*.skills_table div { display: table-row; margin: 1em; }*/ .skills_table p { display: table-cell; width: auto; } .cv_content ul { margin-top: 0.4em; padding-left: 1.5em; } .cv_contact { display: none; } .print_only { display: none; } .cv_item { page-break-inside: avoid; } .cv_edu { margin-top: 0.4em; margin-left: 0.5em; } div.demo_item { clear: both; page-break-inside: avoid; } .demo_item img { width: 18%; float: left; border: solid; border-color: blue; margin-right: 1em; } .demo_item h4 { clear: both; margin-bottom: 0.5em; } .demo_item p { margin-top: 0em; padding-left: 1em; } .fineprint { font-size: small; } .publication h4 { margin-left: 1em; } .cv_profile { text-align: justify; } .social img { width: 1.0em; padding-right: 0.1em; vertical-align: middle } ul.social { padding-left: 0.7em; list-style-type: none; } span.arxiv { font-family: monospace; } @media screen and (min-width: 45em) { .cv_title { float: left; width: 20%; } .cv_content { float: right; width: 75%; } }