@charset "utf-8";
@import url("../../webfonts/Play_Bold/stylesheet.css");
@import url("../../webfonts/Play_Regular/stylesheet.css");
html, body {
    height: 100%;
    min-height: 620px;
}
::selection{
	background-color: gray;
	color:  darkgray;
}

/* width */
::-webkit-scrollbar {
  width: 25px;
}

/* Track */
::-webkit-scrollbar-track {
  background: darkgray;
	border-left: 5px ridge darkgray;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: gray;
		border-left: 5px ridge darkgray;

	
/*	transition: all 1s;*/
}

p{font-size: 20px;}

html{
		scroll-behavior: smooth;
	}

body {
    background-image: url(../../images/IMG_1948sepiaresized22.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: rgba(72,59,40,1.00);
    font-family: "Play Regular";
}

a  {
    color: rgba(67,117,163,1.00);
    text-decoration: none;

}
a:hover  {
    color: rgba(0,132,255,1.00);
    text-decoration: none;
    text-shadow: 0px 0px blue;

}

h1, h2, h3, h4, h5, h6 {
    font-family: "Play Bold";
    text-shadow: 0px 0px;
    color: rgba(32,77,123,1.00);
}



.container-fluid {
    background-color: rgba(234,225,230,0.90);
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    font-size: larger;
}
.navbar {
    background-image: url(../../images/pink2.jpg);
    border-bottom: 1px solid gray;
}
.card{
	background-color: rgba(194,178,186,0.61);
}
.list-group-item{
	background-color: rgba(194,178,186,0.61);
}
.list-group-item.active{
	background-image: url("../../images/pink2.jpg");

}.dropdown-menu{
	 background-color: rgba(194,178,186,0.61);/*zahra*/
}
.card-header{
	background-image: url("../../images/pink2.jpg");
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: rgba(15,46,86,1.00);
  /*background-color: #fff;*/
	background-image: url("../../images/pink2.jpg");
  
}
.btn-primary {
    background-color: rgba(15,46,86,1.00)!important;
    border-color: rgba(15,46,86,1.00)!important;
}
.btn-primary:hover {
    background-color: rgba(15,46,86,1.00)!important;
    border-color:rgba(15,46,86,1.00)!important;

}
header {
    padding-left: 40px;
	padding-right: 0px;
	padding-top: 20px;
    padding-bottom: 20px;
}
header h1 {
    color: rgba(185,0,53,1.00);
}

main {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
}
.myImg {
	cursor: url("../../images/sym551.cur") , default;
    opacity: 0.3;
	transition:2s;
}
.myImg:hover {
	transform: translateX(10px);
    opacity: 1;
    -webkit-box-shadow: 0px 0px 20px rgba(113,118,139,1.00);
    box-shadow: 0px 0px 10px rgba(113,118,139,1.00);
}
footer {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    background-image: url(../../images/pink2.jpg);
    border-top: 1px solid gray;
}