*{
    padding: 0;
    margin: 0;
}
body{
    background-image:url(https://i.pinimg.com/originals/5b/fa/c6/5bfac6a727971be0fb3f4012afae0302.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
}
/*******Menu****/
span{
    color:rgb(248, 242, 249);
    font-weight: 900;
    font-size: 40px;
    font-family: roboto;
}

.logo{
 font-size: 25px;
 font-family: 'Satisfy', cursive;
color: #b613df;
}
.menu{
   
    text-align: center;
    padding: 10px 5px;

}

.menu ul{
   
}
.menu ul li{
    display: inline-block;
}
.menu ul li a{
    display: inline-block;
    text-align: center;
    padding: 10px 5px;
    margin-right: 40px;
    text-decoration: none;
    color: rgb(235, 229, 236);
    font-size: 18px;
 font-family: 'Cedarville Cursive', cursive;;
 
}
.menu ul li a:hover{
   border-bottom: 2px solid #111;
transition: .99999s;

}
.bg-pirple{
    background: #060109;
   
}
/*******banner header text****/
.banner{
margin-top: -50px;

 margin-bottom: -20px;
   padding: 180px 180px;
  
}

.bh{
    font-size: 38px;
    text-align: center;
    color: rgb(235, 229, 236);
    font-family: 'Satisfy', cursive;
}
 p {
    margin-top: 10px;
    font-size: 18px;
    text-align: center;
    color: rgb(235, 229, 236);
    font-family:'Times New Roman', Times, serif
}
.image{
    margin-top: 50px;
    border-radius: 50%;
  margin-left:400px;
  height:150px !important;
  width:150px !important

}
/****benner end****/
/***fotterp***/
.fotterp{
    font-family: 'Cedarville Cursive', cursive;
    text-align: center;
    color:#9b939d;
    font-weight: 700;
  
}
/*******************about page ********/
.cardcolor{
    padding:15px 10px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transition-delay: .4s;
}

.abouttext{
margin-top: 60px;
margin-bottom: 50px;
}
.head{
    color: azure;
    font-family: 'Satisfy', cursive;
    font-size:30px;
}
.cardcolor:hover{
  
    padding:15px 10px;
    border-bottom: 2px solid rgb(196, 63, 173);
    border-right: 2px solid rgb(10, 69, 230);
    transition-delay: .18s;
}
.portfoliomenu a{
color: aliceblue;
border: 2px solid #fff;
font-size: 20px;
padding: 10px 80px;
text-decoration: none;

}
img{
    height: 318px !important;
    width:220px !important;
}