@charset "utf-8";
html {         
  background: url(../Images/bg-gray.jpg) no-repeat center center fixed;
}
h1 {
    text-align: center;
    color: #110F10;
    text-shadow: rgb(140, 134, 137) 1px 1px 9px;
}
img.company-logo {          
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
}
div {
    display: inline-block;
    position: relative;
    width: 200px;
    height: 200px;
    left: 24%; 
    margin-left: 8px;
    margin-top: 15%;
    border: solid 2px #7EA7DD;
    background-color: rgba(18, 49, 116, 0.6);
    text-shadow: 2px 2px 7px rgb(27, 32, 50);
    cursor: pointer;

    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;  
    transition: 0.4s;
}
    div.timeentry-link span {        
        padding-left: 58px;
    }
    div.report-link span {
        padding-left: 66px;
    }
    div.navision-link span {        
        padding-left: 9px;
    }
    div img {
        margin-left: 35px;
        margin-top: 12%;        
    }
    div span {
        padding: 10px 0px 57px 64px;
        color: #a0c7ed;
        font-variant: small-caps;
        font-family: sans-serif;
        font-size: 15px;        
    }
div:hover {
    background-color: rgb(21, 39, 94);
    text-shadow: 1px 1px 7px #77a3cf;
    box-shadow: white 0px 0px 13px;
}
div:focus {
    background-color: rgb(21, 39, 94);
    text-shadow: 1px 1px 7px #77a3cf;    
}
div:active {
    background-color: rgb(7, 26, 86);
    text-shadow: 1px 1px 7px #77a3cf;
    box-shadow: white 0px 0px 15px;
}