@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Nunito:wght@300;700&display=swap");

body,
* {
  font-family: "Nunito", sans-serif;
}

.navbar {
  font-weight: bold;
}


.logo {
  width: 65px;
}

.login {
  border-radius: 30px;
  font-weight: bold;
  background-color: #6741ff;
  border: none;
  color: #ffffff;
  width: 110px;
  height: 50px;
  box-shadow: 3px 20px 20px -11px rgba(117,166,146,0.78);
}

.jumbotron {
    background-image: linear-gradient(to right, #1838AA, #C6B2FB);
}

.main-text {
    font-weight: 700;
}

.img-fluid.phone {
    margin-bottom: -4rem;
}

.features{
    margin-top: 10rem;
}

.icon {
    border: 2px solid black;
    border-radius: 10px;
    margin-right: 2rem;
}

.span-text {
    color: #6741ff;
    font-weight: bold;
}

footer {
    padding: 2rem;
}

.text-heading {
    font-size: 20px;
    text-align: center;
    margin-top: 3rem;
}

section.keunggulan {

    margin: 3rem;
    border-radius: 40px;
    
   
}

.card-feature-body {
    margin-right: 2rem;
    border-radius: 30px;
    padding: 3rem;
    padding-right: 2rem;
    padding-left: 2rem;
    box-shadow:  
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 90px 70px rgba(0, 0, 0, 0.12);
}

.hasil {
    margin-top: 10rem;
}

.main-text.results {
    color: #6741ff;
   
}

.animation {
  margin-top: 3.5rem;
  width: 310px;
}

/* dekstop */
@media only screen and (min-width: 768px) {
  .collapse {
    margin-left: 8rem;
    font-size: 20px;
  }

  .nav-item {
    width: 180px;
  }

  .nav-link.about-us {
    margin-left: -2.5rem;
  }

  .nav-link.work {
    margin-right: 1rem;
  }

  .login {
    margin-left: 6rem;
    
  }

  .main-text {
    text-align: left;
  }

  section.keunggulan {
    margin-left: 16rem;
  }

 
.hasil-2 {
    margin-top: 6rem;
}

.main-text.results {
   background-color: yellow;
    border-radius: 100%;
    width: 65px;
    padding: 1rem;
    font-size: 28px;
}




}

/* mobile */
@media only screen and (max-width: 767px) {
  .logo {
    margin-left: 13rem;
  }

  .navbar {
    text-align: center;
  }

 .img-fluid.phone {
    margin-bottom: -5rem;
}

.text-heading {
    margin-bottom: 2rem;
}

 .nav-link.work {
    margin-right: -1rem;
  }

  .card-feature-body{
    margin-bottom: 2rem;
  }

  
  
}