style.css (1327B)
1 body, hr, html { 2 height: 100%; 3 margin: 0!important; 4 padding: 0!important; 5 font: 1em/1.62 'Ubuntu Mono', monospace; 6 } 7 8 h1, h2, h3, h4, h5, h6 { 9 line-height: 1.2; 10 text-align: center; 11 } 12 13 hr { 14 display: block; 15 height: 1px; 16 border: 0; 17 border-top: 1px solid; 18 border-color: inherit; 19 } 20 21 .container { 22 max-width: 60em; 23 margin-left: auto; 24 margin-right: auto; 25 padding: 1em; 26 } 27 28 .container img { 29 max-height: 40em; 30 max-width: 100%; 31 32 display: block; 33 margin-left: auto; 34 margin-right: auto; 35 } 36 37 .navbar { 38 padding-left: 1em; 39 padding-right: 1em; 40 } 41 42 .navbar-menu { 43 padding: 0; 44 margin: 0; 45 list-style: none; 46 } 47 48 .navbar-menu li { 49 display: inline-block; 50 } 51 52 .input-hidden { 53 display: none; 54 } 55 56 .flex-spaced { 57 display: flex; 58 justify-content: space-between; 59 } 60 61 .text-break { 62 word-wrap: break-word; 63 } 64 65 .text-center { 66 text-align: center; 67 } 68 69 .project { 70 display: grid; 71 grid-column-gap: 1em; 72 grid-template-columns: auto auto; 73 grid-template-rows: auto; 74 margin: 1em 0em 1em 0em; 75 } 76 77 .project > img.project-thumbnail { 78 background-color: var(--theme-fg); 79 opacity: 0.5; 80 height: 10em; 81 width: 10em; 82 } 83 84 .project > img.project-thumbnail:hover { 85 opacity: 1; 86 transition: opacity .2s; 87 } 88 89 .code-title { 90 font-family: sans-serif; 91 font-size: 80%; 92 font-weight: bold; 93 margin-bottom: .8em; 94 }