body {
    margin: 0px 0px;
    padding: 0px 0px;

}

.jumbotron > a {
    color: #FFFFFF;
    text-decoration: none;
}

.jumbotron > a:hover {
    color: #AFDD57;
    text-decoration: none;
}

.card {
    opacity: 75%;
}

.jumbotron {
    background-color: #1F8F69;
    color: #FFFFFF;
}

.jumbotron a {
    color: #FFFFFF;
    text-decoration: none;
}

.jumbotron a:hover {
    color: #AFDD57;
    text-decoration: none;
}

.main {
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 30px;
    #background-color: #FAFBFD;
    #opacity: 50%;
    border: #D3E0E9 solid 1px;
    border-radius: 20px;
}

div.subtitle {
    color: #000000;
    background-color: #FFFFFF;
    opacity: 50%;
}

div.sensor-value {
    border: #4E616D solid 1px;
}

div#touch-moss {
    position: fixed;
    bottom: 0px;
    right: 0px;
    top: 0px;
    left: 0px;
    z-index: -1;
    background: url("../images/goke-touching-moss.png") no-repeat bottom right;
}

.particulate-0 {
    color: #58b107;
}

div.particulate-0 h3 {
    color: #58b107;
}

div.particulate-0 p.pm-index {
    color: #58b107;
}

.particulate-1 {
    color: #b0dd10;
}

div.particulate-1 h3 {
    color: #b0dd10;
}

div.particulate-1 p.pm-index {
    color: #b0dd10;
}

.particulate-2 {
    color: #ffd911;
}

div.particulate-2 h3 {
    color: #ffd911;
}

div.particulate-2 p.pm-index {
    color: #ffd911;
}

.particulate-3 {
    color: #e48101;
}

div.particulate-3 h3 {
    color: #e48101;
}

div.particulate-3 p.pm-index {
    color: #e48101;
}

.particulate-4 {
    color: #e40100;
}

div.particulate-4 h3 {
    color: #e40100;
}

div.particulate-4 p.pm-index {
    color: #e40100;
}

.particulate-5 {
    color: #910100;
}

div.particulate-5 h3 {
    color: #910100;
}

div.particulate-5 p.pm-index {
    color: #910100;
}