/* TeX Gyre font-face */

@import url("gyre/stylesheet.css");

/* text styles */

@import url("styles/text.css");

/* logo styles */

@import url("styles/logo.css");

/* floating text styles */

@import url("styles/floating.css");

/* list styles */

@import url("styles/list.css");

#tapping-tech {
   position: fixed;
   bottom: 20px;
   left: 20px;
   width: 200px;
   margin: auto;
   text-align: center;
   font-family: "CenturyGothicRegular", "Century Gothic", Arial, Helvetica, sans-serif;
   font-size: 14px;
}

#tapping-tech a {
   text-decoration: none;
   color: black;
}

#board {
   margin-left: 200px;
   margin-top: 150px;
}

#board ul {
   list-style-type: none;
   list-style-type: none;
   -webkit-column-count: 4; /* Chrome, Safari, Opera */
   -moz-column-count: 4; /* Firefox */
   column-count: 4;
   -webkit-column-gap: 100px; /* Chrome, Safari, Opera */
   -moz-column-gap: 100px; /* Firefox */
   column-gap: 100px;
}

#board ul li {
   width: 200px;
   margin-bottom: 10px;
   display: inline-block;
}