*{
  box-sizing: border-box;
}

body{
  width: fit-content;
  height: fit-content;
}

.welcome {
  background-image: url('../assets/backgrounds/h_img.jpg');
  text-align: center;
  color: white;
  padding-top: 17%;
  padding-bottom: 7%;
  width: 100%;

}
.about {
  background-position: center;
  text-align: center;
  padding-top: 9%;
  padding-bottom: 9%;
  width: 100%;

}
.services {
  background-position: center;
  text-align: center;
  color: white;
  background-image: url('../assets/backgrounds/s_image.jpg');
  padding-top: 17%;
  padding-bottom: 17%;;
  width: 100%;
}
.contact {
  background-image: url('../assets/backgrounds/c_image.jpg');
  background-position: center;
  color: white;
  text-align: center;;
  width: 100%;
}
.form-control {
  width: 50%;
  background: transparent;
  display: inline;
}
input[type="text"]::placeholder{
  color: white;
}
#comment::placeholder {
  color: white;
}
#what-we-do {
  text-align: center;
  padding-top: 10%;
  padding-bottom: 10%;
  width: 100%;
}
#portfolio {
  text-align: center;
  width: 100%;
}
#socials {
  text-align: center;
  padding-top: 5%;
}
footer {
  padding-top: 5%;
  text-align: center;
}
p {
  font-size: 15px;
}
#mouseClick {
  padding-top: 10%;
  animation: bounce 2s infinite;
}
@keyframes bounce {
  100%, 20%, 50%, 80%, 100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(-5px);
  }
  60% {
    transform: translateX(-5px);
  }
}
.col-md-3 {

padding-bottom: 2%;

}
#dinfo,#pinfo,#devinfo,.text1,.text2,.text3,.text4,.text5,.text6,.text7,.text8 {
  display: none;
}
#sdio {
  position: relative;
}
.text1,.text2,.text3,.text4,.text5,.text6,.text7,.text8 {
  position: absolute;
  top: 25%;
  color: green;
  /* padding-left: ; */
}
.btn{
  background-color: azure;
  border-radius: 99999px;
}
#name, #email {
  margin: 10px;
}