res/style.css

   1 @import url('https://fonts.googleapis.com/css?family=Cutive+Mono|Source+Code+Pro:300');
   2
   3 body {
   4     background-color:grey;
   5     width:100%;
   6     height:100%;
   7     overflow-x:hidden;
   8     font-family:'Cutive Mono';
   9     color:#FFF1FF;
  10 }
  11
  12 menu {
  13     position:absolute;
  14     width:400px;
  15     height:400px;
  16     left:calc(50% - 200px);
  17     top:calc(50% - 200px);
  18     font-smooth:never;
  19     -webkit-font-smoothing:none;
  20     background-color:black;
  21 }
  22
  23 menu nav {
  24     display:flex;
  25     flex-direction:column;
  26 }
  27
  28 menu div {
  29     display:block;
  30     width:300px;
  31     height:300px;
  32     margin-left:50px;
  33     margin-right:50px;
  34     background-color:lightgrey;
  35 }
  36
  37 menu div img {
  38     width:256px;
  39     height:256px;
  40     margin:22px;
  41 }
  42
  43 menu nav ul {
  44     display:flex;
  45     flex-direction:row;
  46     width:350px;
  47     margin-left:25px;
  48     margin-right:25px;
  49     height:100px;
  50 }
  51
  52 menu nav ul li {
  53     display:inline-block;
  54     text-align:center;
  55     width:25%;
  56     height:100px;
  57     font-size:1.25em;
  58     line-height:100px;
  59 }