html *
{
  font-family: "Roboto", sans-serif !important;
  color: ghostwhite;
  box-sizing:border-box;
}

nav
{
  position:fixed;
  left: 0%;
  top: 0%;
  margin: 0;
  padding: 0;
  height:50px;
  width: 100%;
  background-color: #333;
}

nav ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 100%;
}

nav li {
  float: left;
  height: 100%;
}

nav li a
{
  display: block;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  height: 100%;
}

nav li a:hover
{
  background-color: #111;
}

body
{
  margin: 100px;
  background-color: #222;
}

.divider
{
  height: 1px;
  width: 100%;
  background-color: ghostwhite;
}

h2
{
  display:inline;
  margin-bottom: 3px;
}

.button
{
  display:inline-block;
  border-radius: .5em;
  background-color: #070;
  margin:.3em;
  padding: .8em;
  
}

.uni-column:after
{
  content: "";
  display: table;
  clear: both;
}

.bi-column
{
  float:left;
  width:50%;
}

.panel
{
  width:90%;
  border-radius:1em;
  background-color: #333;
  padding: 1% 3%;
}

.icon
{
  height: 100%;
}

.section-icon
{
  height: 40pt;
  padding-right:10pt;
  margin:10pt;
}

.icon-title
{
  display:flex;
}