tuxlab.css

/*
 *  TuxLab Documentation Page Styles
 *  @author Derek Brown
 */

/* OVERRIDES */

/* COVER PAGE */
 div.cover-main {
  margin: -20px 0 !important;
  align-self: flex-end !important;
}

main{
  margin-top: 100px;
}

.github-corner{
  z-index: 1000 !important;
}

div.logo img{
  width: 60%; max-width: 600px;
}

div.sponsors{
  width: 100%; height: 250px;
  margin-top: 200px;
  padding-left: 40px;
  padding-right: 40px;

  background-color: #fff;
  align-self: flex-end !important;
}

div.sponsors img.mountain{
  position: relative;
  top: -100px;
  left: 100px;
  height: 150px;
}

div.sponsors h2{
  margin-top: -80px;
}

div.sponsors div.logos{
  margin: 0 auto;
  width: 100%;
  max-width: 1000px;

  display: flex;
  justify-content: space-between;
}

div.sponsors div.logos img{
  height: 80px;
}

/* ELEMENTS */
div.note {
  padding: 12px;

  color: #071832;
  background-color: #ebf7fd;
  border: 1px solid rgba(45,112,145,.3);
  border-radius: 4px;
}

div.note h3 {
  margin: 5px 0px !important;
}

a.material-button{
  display: inline-block;
  padding: 12px;
  margin-top: 10px;

  background-color: #fff;
  box-shadow:0 4px 8px 0 rgba(0,0,0,.4);
  border-radius: 3px;

  color: #333;
  text-decoration: none;
}

a.material-button:hover{
  background-color: #ccc;
}