@charset "UTF-8";
body,
h3.title {
    font-size: 11pt
}

.glowing,
a {
    transition: all .25s
}

.hot,
a:hover {
    text-shadow: 0 0 2px #FFF, 0 0 5px #A0A0FF, 0 0 7px #8080A0
}

.nowrap {
    white-space: nowrap
}

code {
   font-size: 11pt
}

body {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    line-height: 1.25;
    padding: 0;
    margin: 0;
    background-color: #FFFFFF; /* #181818; */
    color: #404040
}

.badge,
h3.title {
   font-family: "Roboto", sans-serif;
   font-weight: 600;
}

.align-right {
    text-align: right
}

h3.title {
    margin-bottom: 0;
    color: #404040 /* #FFF */
}

.glowing {
    transition-timing-function: ease-out
}

a {
    text-decoration: underline;
    color: inherit;
    transition-timing-function: ease-out
}

a.badge,
a.not_decorated,
a:hover {
    text-decoration: none
}

ul {
    padding-left: 0
}

li {
    margin-bottom: 1ex
}

li:last-child {
    margin-bottom: 0
}

.badge {
    font-size: small;
    background-color: #404040; /* #BFBFBF; */
    color: #FFFFFF; /* #181818; */
    display: inline-block;
    min-width: 3ex;
    text-align: center;
    padding: 0 4px;
    border-radius: 3px;
    transition: all .25s;
    transition-timing-function: ease-out
}

a.badge:hover {
    background-color: #FFF;
    color: #000;
    box-shadow: 0 0 3px 2px #FFF
}

.lowercase {
    text-transform: lowercase
}

div.flags {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0
}

span.email {
    opacity: 1;
    margin-right: 0;
    transition: opacity .5s, margin-right .5s;
    transition-timing-function: ease-out
}

span.email:hover {
    opacity: 0;
    margin-right: 50px
}

span.email1:after {
    content: "dynamicaspects.org"
}

span.email1:before {
    content: "roly.perera"
}

span.email2:after {
    content: "turing.ac.uk"
}

span.email2:before {
    content: "rperera"
}

span.email3:after {
    content: "bristol.ac.uk"
}

span.email3:before {
    content: "roly.perera"
}

nav ul {
  list-style: none;
}

nav ul li {
  float: left;
  overflow: hidden;
}

nav ul li a {
  display: block;
  width: 100%;
  text-align: left;
  padding-right: 8px;
  text-decoration: none;
}

nav ul li a.active-page {
   text-shadow: 0 0 2px #FFF, 0 0 5px #A0A0FF, 0 0 7px #8080A0
}