body {background-color: #EEE; margin: 0 0 0 0; padding: 60px 0px 0px 0px;}

.home {width: 50%; margin: auto;}
.home div {text-align: center; margin-top: 25px;}
.home div a {text-decoration: none;font-family: Opensans; font-weight: 200; font-size: 24px;}
.home div:last-of-type {margin-top: 50px;}

#navbar {width: 100%; height: 50px; background-color: #DDD; position: fixed; top: 0; box-shadow: 2px 2px 5px #aaaaaa;}
#navbar a {text-decoration: none;}
.menu {width: 25%; height: 100%; float: right; text-align: right; text-decoration: none; padding-top: 5px; font-family: Opensans; font-weight: regular; font-size: 16px;color: #000080;}
.action {width: 25%; height: 100%; float: left; text-align: left; text-decoration: none; padding-top: 5px; font-family: Opensans; font-weight: regular; font-size: 16px; color: #000080;}
.title {width: 50%; height: 100%; text-align: center; text-decoration: none; padding-top: 10px; font-family: Opensans; font-weight: 200; font-size: 24px; color: #000;display: inline-block;}
.parent {margin: 0px 10px 10px 10px; padding: 3px; background-color: #FFF; border-radius: 4px; font-family: Opensans;}
.parent:hover {cursor: pointer;}
.header {font-weight: 300;}
.body {}
.footer {font-weight: light; font-size: 14px;}
.iconbutton {border-radius: 50%; width: 50px; height: 50px; background-color: #FF4F79; z-index: 10; box-shadow: 5px 5px 5px #aaaaaa;}
.iconcontent{display:flex; align-items:center; justify-content:center; height: 100%; color:white; font-family: Opensans; font-weight: 200; font-size: 36px;}

.form {margin: 10px;}
.form label {font-family: Opensans; font-weight: regular; font-size: 16px;color: #555;}
.form input {font-family: Opensans; font-weight: regular; font-size: 16px;color: #000;}
.form select {font-family: Opensans; font-weight: regular; font-size: 16px;color: #000;}

@font-face {
  font-family: Opensans;
  font-style: regular;
  font-weight: 400;
  src: url("/styles/OpenSans-Regular.ttf");
}

@font-face {
  font-family: JetbrainsMono;
  font-style: regular;
  font-weight: 400;
  src: url("/styles/JetBrainsMono-Regular.ttf");
}

@font-face {
  font-family: DejaVuSansMono;
  font-style: regular;
  font-weight: 400;
  src: url("/styles/DejaVuSansMono.ttf");
}