@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

    body {
      background-color: black;
      font-family: jost;
    }

    .bg-hero {
      background-color: black;
      height: 65vh;
      width: 100%;
      color: floralwhite;
    }

    .bg-hero .container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      flex-direction: column;
      gap: 10px;
      text-transform: capitalize;
      text-align: center;
    }

    .bg-hero small {
      border: 1px solid rgb(255, 153, 0);
      border-radius: 20px;
      padding: 5px;
    }
    .navbar .container{
        background-color:black;
        border-bottom:1px solid grey;
    }
    .nav-item a,
    li {
      color: white;
    }
    .work,
    .fet {
      padding: 0 15%;
      margin-inline: auto;
    }
    img {
      object-fit: cover;
    }
    .float{
	position:fixed;
	width:56px;
	height:55px;
	bottom:40px;
	right:30px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:39px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}

@media(max-width:700px){
    .work,
    .fet {
        padding: 0 5%;
    }
}