@charset "utf-8";
body {
    background-image: url(../images/backg.png);
}
/* width */
::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  background:#D5D5D5;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #9D84B7;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #091353;
}
.container {
  font-family: adamina;
    font-style: normal;
    font-weight: 400;
    background-image: linear-gradient(to top, #3f51b1 0%, #5a55ae 13%, #7b5fac 25%, #8f6aae 38%, #a86aa4 50%, #cc6b8e 62%, #f18271 75%, #f3a469 87%, #f7c978 100%);
    margin-top: 40px;
    border: 2px solid #FF0075;
	box-shadow: 0px 0px 40px #B5EAEA;
    border-radius: 30px;
}

.nav-link {
    color: #FF0075;
}
.nav-link:hover{
	color: #091353;
}
.dropdown-menu {
    background-color: #F38BA0;
}
.dropdown-item {
    color: #FF0075;
}
.dropdown-item:hover{
	color: #091353;
}
nav img {
    border-radius: 50%;
    border: 2px solid #FF0075;
	transition: all 3s;
	transition-timing-function: ease-in-out;
}
nav img:hover{
	transform: rotate(1080deg);
}
.mr-sm-2 {
    background-color: #FFDCB8;
}

.my-sm-0 {
   background-color: #F38BA0;
    border: 1px solid #FF0075;
    color: #091353;
}
.my-sm-0:hover{
	background-color: #FFC1B6;
	 border: 1px solid #FF0075;
	color: #091353;
}
header{
	margin-top: 20px;
}
hr {
    height: 2px;
    background-color: #FF0075;
}

nav ul li {
    list-style-type: none;
	margin-bottom: 15px;
	margin-top: 20px;
}
ul li a {
    color: #091353;
    
}
ul li a:hover{
	color: #FF0075;
	text-decoration: none;
}
.col-md-4 nav {
    color: #091353;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    font-family: adamina;
    
}
.sweet {
    color: #FF0075;
    font-family: butterfly-kids;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    
}

ul li .btn {
    background-color: #F38BA0;
    border: 1px solid #FF0075;
	color: #091353;
}
card-img {
	height: 200px;
	border: 1px solid #FF0075;
    border-radius: 10px;
  
}
.card {
    margin-top: 40px;
}

.card-text {
    color: #000000;
    font-family: arimo;
    font-style: italic;
    font-weight: bold;
}
.card-title1 {
    color: #FF0075;
    font-family: butterfly-kids;
    font-style: normal;
    font-weight: bold;
    font-size: 60px;
    text-shadow: 0px 0px 10px #FFC1B6;
}


.card-body {
    background-color: #916BBF;
    
}
.card-body .btn {
	 background-color: #F38BA0;
    border: 1px solid #FF0075;
	color: #091353;
}
.card-title2 {
	 color: #FF0075;
    font-family: butterfly-kids;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    text-shadow: 0px 0px 10px #FFC1B6;
}
#carouselExampleCaptions {
    border: 1px solid #FF0075;
    -webkit-box-shadow: 0px 0px 20px #F38BA0;
    box-shadow: 0px 0px 20px #F38BA0;
    margin-top: 30px;
}
.d-block.w-100 {

}
header h3 {
    color: #FF0075;
    font-family: adamina;
    font-weight: 400;
    font-size: 20px;
    text-shadow: 0px 0px 20px #B2F9FC;
    margin-top: 40px;
    margin-bottom: 40px;
}
.fa-star {
    color: #E6FC06;
}
.card-text4 {
    color: #FF0075;
}
.fa-heart {
    color: #FF0075;
}
.card1 {
    margin-left: 22px;
    border: 1px dashed #FF0075;
    transition: transform 0.8s;
}
.card1:hover{
	transform: translateY(20px);
	
}
.hr1 {
	
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid  #FF0075;
    margin: 1em 0;
    padding: 0;

}
.d-none.d-md-block h4 {
    color: #091353;
}
.card-body1 {
    height: 440px;
    overflow-y: scroll;
    background-color: #D5D5D5;
}
.card.mb-3 .row.no-gutters .col-md-4 {
    background-color: #D5D5D5;
}


.row .col-md-4 .card {
    margin-left: 25px;
}


.container main iframe {
    height: 200px;
    width: 200px;
    
}

.col-md-4 .card3 .card-body2 {
    height: 200px;
    overflow-y: scroll;
	background-color: #D5D5D5;
	font-family: adamina;
    font-style: normal;
}
.myh1 {
    color: #FF0075;
    font-family: adamina;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    text-shadow: 0px 0px 20px #AEE1E1;
}
.row .col-md-4 .card3 {
    border: 2px solid #FF0075;
    -webkit-box-shadow: 0px 0px 17px #AEE1E1;
    box-shadow: 0px 0px 17px #AEE1E1;
    margin-left: 22px;
    margin-top: 20px;
}
.btn1 {
    background-color: #F38BA0;
    border: 1px solid #FF0075;
    color: #091353;
    border-radius: 5px;
}
header .card.mb-3 .card-body4 {
    border: 1px solid #FF0075;
    -webkit-box-shadow: 0px 0px 10px 0px #B5EAEA;
    box-shadow: 0px 0px 10px 0px #B5EAEA;
}