body
{
   background-color:#ffffff;
}

@font-face 
{
	font-family: 'myfont';
	src: url('../fonts/Aljazeera.ttf');
}


@font-face 
{
	font-family: 'engfont';
	src: url('../fonts/xxxxxx.ttf');
}

.cat .img-fluid
{
    width:370px;
    height:350px;
    border:2px solid #f9ba15;

}

.cat img:hover
{
    border-radius: 100px;
    transition: 1s;
}

.cat img
{
    transition: 1s;
}

.cat h2
{
    font-family: 'myfont';
    color:white;
}

.main
{
    margin-bottom: 30px;
    margin-top:20px;
 
}


.main img:hover
{
    border-radius: 100px;
    transition: 1s;
}

.main img
{
    transition: 1s;
}


.main p
{
    font-family:'myfont';
    color:rgb(19, 7, 87);
    font-size:45px;
    padding-top:50px;

}

.main h1
{
       color:rgb(19, 7, 87);
    font-size:30px;
    font-family:'engfont';
    letter-spacing: 10px;
    font-weight: bold;
}

.main h2
{
    font-family:'myfont';
    font-size:30px;
     color:rgb(19, 7, 87);
}

.main img
{
    border-top: 2px solid #f9ba15;
    border-bottom: 2px solid #f9ba15;
}



.mesg
{
    margin-bottom: 30px;
    margin-top:20px;
 
}


.mesg h1
{
    color:white;
    font-size:25px;
    font-family:'engfont';
    font-weight: bold;
}

.mesg h2
{
    font-family:'myfont';
    font-size:20px;
    color:white;
}
.mesg img
{
    border-top: 2px solid #f9ba15;
    border-bottom: 2px solid #f9ba15;
}

.mesg .form-control
{
  
  
    font-family:'myfont';
  /*  width:330px;*/
 
    margin-bottom:3px;

}

.mesg textarea
{
    height:175px;
  /*  width:330px;*/

}

.endc h1
{
    color:rgb(19, 7, 87);
    font-size:30px;
    font-family:'engfont';
    font-weight: bold;
    letter-spacing: 5px;
}

.noteuser h2
{
    font-family:'myfont';
    color:rgb(19, 7, 87);
}

.mynav a
{
    text-decoration: none;
}


.reg
{
    margin-top:30px;
    font-family:'myfont';
    margin-bottom:20px;
}

.reg .form-control
{
    margin-bottom:5px;
    width:330px;
    margin:auto;
    margin-top:4px;
}



/*End Design Table*/