@import url("fonts.css"); html { background-color: #fcffe4; } body { font-family: Open Sans,Arial; color: #555; font-size: 16px; line-height: 1.4; text-align: justify; margin: 0; padding: 0; } #head { background-color: #060033; display: flex; justify-content: space-between; align-items: center; margin: 0; padding: 30px 60px; color: #fcffe4; } #head .title { font-size: 1.4em; font-weight: bold; } #head .whoami { font-weight: bold; } #head a, #head a:visited { color: #fcffe4; } #main-container { display: flex; justify-content: space-between; } #main-container .tab-selector { margin: 40px; } #main-container .tab-selector ul { list-style: none; min-width: 200px; padding: 0; } #main-container .tab-selector ul li a { display: block; font-size: 1.2em; padding: 10px 20px; background-color: #060033; margin: 2px 0; color: #fcffe4; } #main-container .tab-selector ul li a:hover { margin-left: 10px; } #main-container #content { margin: 2em auto; max-width: 800px; padding: 1em; } #main-container #content ul { list-style: none; padding: 0; } #main-container #content ul li .head { font-weight: bold; padding-right: 42px; } #main-container #content ul.paperslist { list-style: circle; } #main-container #content ul.paperslist li .authors { font-style: italic; } #main-container #content ul.paperslist li .title { font-weight: bold; } #main-container #content ul.paperslist li .journal { font-style: italic; } #main-container .profilepic { max-width: 350px; margin: 40px; } .items { display: grid; grid-template-columns: 100px auto; } .items .head { grid-column: 1/span 1; font-weight: bold; } a, a:visited { color: #07a; text-decoration: none; } .fa { color: #555; } h1 { margin-left: -10px; } h2 { margin-left: 20px; } #whoami { text-align: right; font-size: 1.2em; font-style: italic; }