body {
   font-family:Verdana, Geneva, Tahoma, sans-serif;
   font-size: 15px !important;
   line-height: 25px !important;
   padding: 0;
   margin: 0;
   border-top: 5px solid #FFFFFF !important;
   background-color: #44434a;
   overflow: hidden !important;
}

canvas {
   display: block;
   vertical-align: bottom;
}

a {
   color: #FFFFFF;
}

a:link {
   text-decoration: none;
}

#container-header, #container-body-email, #container-body-icons {
   display: none;
}

ul {
   z-index: 2;
   padding: 0;
   margin: 0;
   list-style: none;
}

li {
   display: none;
   opacity: 0.5;
   padding: 10px;
   margin: 10px;
   border-radius: 3px;
   background-color: #484848;
}

#container {
   z-index: 1;
   width: 400px;
   height: 200px;
   margin: 0;
   padding: 0;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-top: -120px;
   margin-left: -200px;
   text-align: center;
}

.font-color-gray {
   color: #999999 !important;
}

.font-color-dark-gray {
   color: #666666 !important;
}

.font-color-white {
   color: #FFFFFF !important;
}

.icon-margin-left {
   margin-left: 15px;
}

.cursor-normal {
   cursor: default !important;
}

/* ---- particles.js container ---- */

#particles-js {
   position: absolute;
   width: 100%;
   height: 100%;
}