---
---
{% include css/base.css %}
{% include css/skeleton.css %}
{% include css/main.css %}
div.vis-item , p.py3{
background-color:#03acf6;
color: white;
}
div.vis-item.py2, p.py2 {
background-color: #3dbf18;
border-color: #3dbf18;
color:white;
}
p {
font-weight: 300;
}
p.py2:first-child, p.py3:first-child{
margin-top: 0px;
margin-bottom: 5px;
}
div.vis-item.vis-selected {
background-color: #e8aa2c;
border-color: #bf8a1e;
}
/* create a custom sized dot at the bottom of the red item */
.vis-item.red {
background-color: red;
border-color: darkred;
color: white;
font-family: monospace;
box-shadow: 0 0 10px gray;
}
.center ul {
list-style: none;
}
.vis-timeline {
text-align: left;
}
/* hardcode the calendar which is on a clear background to a darker gray that matches the font color.*/
.fa-calendar {
color: #868686;
}
.subtlecircle .fa-stack-1x{
font-size: 80%;
}
#sections30-projects ul:nth-child(2) a {
text-decoration: none;
}
#sections30-projects li {
display: inline-block;
margin: 10px;
padding: 20px;
font-size: 19px;
min-width: 105px;
}
#sections30-projects li a > img{
margin: auto;
margin-bottom:10px;
display: block;
max-height: 80px;
max-width: 160px;
vertical-align: middle;
}