/**************************Body*************/
 body {
     background-color: #ffffff;
     color: rgb(0, 0, 0);
     font-family: 'Cormorant SC', serif;
     background-image: url();
     background-size: contain;
     background-repeat: no-repeat;
      overflow-x: hidden;
 }

 #headunderline {
     height: 2px;
     background-color: rgb(223, 223, 207);
     width: 100%;
 }

 /**************************Navication******************/
 nav{
    position: fixed;
    overflow: hidden;
    color: black;
 }
 .navbar {
     background-color: #fefeff;
     color: black;
     background-image: url(My\ project-1\ \(1\).png);
     z-index: 1;
 }
#logo5{
    color: rgb(2, 2, 2);
    font-size: x-large;
}
 .navbar ul {
     display: flex;
     margin-left: 5%;
     list-style: none;
     color: #090d19;
     background-color: #fefeff;
 }

 .navbar ul li {
     margin-left: 15px;
     background-size: contain;
     box-shadow: -30px 10px 30px #17203a;
     font-size: larger;
     color: #090d19;
     margin-top: 3%;
     margin-left: 10%;
     background-color: #fefeff;
 }

 .navbar ul li a:hover {
     text-decoration-color: rgb(37, 37, 35);
     color: rgb(0, 0, 0);
     font-size: 20px;
     font-weight: 800;
     font-size: x-large;
 }
 .navbar ul li a{
    color: #090d19;
    font-weight: bolder;

 }
 

 /*****************************Home************************/
 .container {
     margin-top: 9%;
 }

 #name {
     color: rgb(0, 0, 0);
 }

 #home {
     color: rgb(14, 14, 12);
 }

 .homeicon ul li {
     list-style-type: none;
     display: inline;
 }

 .homeicon ul li i {
     color: rgb(0, 0, 0);
     font-size: 23px;
 }

 .homeicon ul li i:hover {
     color: white;
     font-size: 30px;
 }


 /****************************about**************************/
 #about {
     text-align: center;
     color: rgb(255, 255, 112);
     margin-top: 15%;
 }
.abt{
    width: 500px;
    height: 800px;
    background-image: url(My\ project-1\ \(1\).png);
}
 #aboutimg {
     box-shadow: -30px 10px 50px #17203a;
     
 }

 #aboutdb {
     background-color: yellow;
     border: none;
     color: rgb(255, 255, 255);
     padding: 8px 16px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
     font-size: 16px;
     margin: 6px 2px;
     margin-top: 10px;
     margin-left: 60px;
     transition-duration: 0.4s;
     cursor: pointer;
     font-weight: bolder;
     box-shadow: -30px 10px 50px #17203a;
 }

 #aboutdb {
     background-color: #090d19;
     color: #ffffff;
     border: 2px solid rgb(255, 255, 255);

 }

 #aboutdb:hover {
     background-color: rgb(255, 255, 78);
     color: rgb(2, 2, 2);
 }

 .col-sm-8 span {
     color: rgb(245, 245, 168);
     font-weight: 550;
 }

 .col-sm-8 ul {
     list-style-type: none;
 }

 
 /*************************service*************************/
 #service {
     text-align: center;
     color: rgb(0, 0, 0);
     margin-bottom: -50%;
 }

 #e {
     background-color: #090d19;
     border: 1px solid #000000;
     box-shadow: -30px 10px 50px #17203a;
     margin-top: 9%;
 }

 .card:hover {
     color: rgb(48, 33, 83);
 }

 .row {
     display: flex;
 }

 .card i {
     font-size: 110px;
     color: #ffffff;
     margin-top: 10%;
     margin-bottom: 10%;
     margin-left: 30%;
 }

 .card i:hover {
     color: rgb(145, 145, 123);
 }

 .card h3 {
     color: rgb(126, 116, 116);
     font-weight: bolder;
 }

 .card p span {
     color: rgb(255, 255, 112);
 }

 

 
*/
 /**********************Contact***********************************/
 #contact {
     text-align: center;
     color: rgb(0, 0, 0);
 }

 .vlc {
     border-left: 2px solid rgb(126, 116, 116);
     height: 470px;
 }

 #say {
     margin-left: 20%;
     margin-top: 10%;
 }

 #exampleInputEmail1 {
     width: 77%;
     border: solid #17203a;
     height: 30px;
     margin-top: 8%;
     margin-left: 7%;
 }

 #exampleFormControlTextarea1 {
     width: 77%;
     border: solid #17203a;
     margin-top: 8%;
     margin-left: 7%;
 }

 #mesbot {
     background-color: yellow;
     border: none;
     color: rgb(255, 255, 255);
     padding: 8px 16px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
     font-size: 16px;
     margin: 6px 2px;
     margin-top: 9%;
     margin-left: 30%;
     transition-duration: 0.4s;
     cursor: pointer;
     font-weight: bolder;
     box-shadow: -30px 10px 50px #17203a;
 }

 #mesbot {
     background-color: #090d19;
     color: #ffffff;
     border: 2px solid rgb(255, 255, 255);

 }

 #mesbot:hover {
     background-color: rgb(255, 255, 254);
     color: rgb(2, 2, 2);
 }
 #coninfo{
    flex-flow: row; 
    margin-left: 70px; 
    color: #000000;
     font-size: xx-large;
    margin-bottom: 40px;
 }
 #says{
     color:rgb(0, 0, 0);
     margin-left: 8%;
 }
 .vlc p{
    color: rgb(0, 0, 0);
    margin-left: 5%;
 }