/*!
* KFU Dashboard - Dienship Information Technology 2019
* @author KFU Designer Team
*/
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  src: local('Tajawal'), local('Tajawal-Regular'), url(../fonts/tajawal/Tajawal-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  src: local('Tajawal Medium'), local('Tajawal-Medium'), url(../fonts/tajawal/Tajawal-Medium.ttf) format('truetype');
}

@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  src: local('Tajawal Bold'), local('Tajawal-Bold'), url(../fonts/tajawal/Tajawal-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 900;
  src: local('Tajawal Black'), local('Tajawal-Black'), url(../fonts/tajawal/Tajawal-Black.ttf) format('truetype');
}
/*****************************************************************************/

html,
body {
  height: 10%;
}

body {
  font-family: 'Tajawal', sans-serif;
  font-size: 15.5px;
  font-weight: 500;
}

.container
{
    width:1300px;
    /* height:800px; */
    position:relative;
    margin: auto;
}

.image
{    
    position:absolute;
    left:0;
    top:0;
    width: 100%;
    height: auto;
}



.btn
{
    z-index: 100;
    position: absolute;
    color: white;
    font-size: 15px;
    font-weight: bold;
    background-color: #2B6263;
    padding: 4px 25px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    font-family: 'tajawal';
    text-decoration: none;
}

.container .btn:hover {
  background-color: #C69A47;
}


.img{
    z-index: 100;
    position: relative;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    width: 3%;
    left: -635px;
    top: 325px;
    
}