@import url("https://fonts.googleapis.com/css2?family=Oswald&family=Teko:wght@400;500&display=swap");

* {
    margin: 0;
    padding: 0;
  }
  body {
    font-family: "Oswald", sans-serif;
    font-family: "Teko", sans-serif;
    color: white;
    /* margin: 0px;
          padding: 0px;
          box-sizing: border-box;
          background: url('img/gymm.jpg');
          height: 100vh; */
    background-image: url("img/gymm.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
  }
  .left {
    /* border: 2px solid red;  */

    display: inline-block;
    position: absolute;
    left: 40px;
    top: 10px;
  }
  .left img {
    width: 100px;
    filter: invert(100%);
  }
  .left div {
    line-height: 14px;
    font-size: 26px;
    text-align: center;
  }
  .mid {
    display: block;
    width: 31%;
    margin: 20px auto;
    /* border: 2px solid green; */
  }
  .right {
    position: absolute;
    right: 34px;
    top: 20px;
    /* border: 2px solid yellow;  */
    display: inline-block;
  }
  .navbar {
    display: inline-block;
  }
  .navbar li {
    display: inline-block;
    font-size: 21px;
  }
  .navbar li a {
    color: white;
    text-decoration: none;
    padding: 34px 23px;
  }
  .navbar li a:hover,
  .navbar li a:active {
    text-decoration: underline;
    color: rgb(198, 132, 10);
  }
  .btn {
    font-family: "Teko", sans-serif;
    margin: 0px 9px;
    background-color: black;
    color: white;
    padding: 4px 14px;
    border: 2px solid grey;
    border-radius: 10px;
    font-size: 15px;
    cursor: pointer;
  }
  .btn:hover {
    background-color: rgb(198, 132, 10);
  }
  .contain {
    /* border: 2px solid white; */
    margin: 106px 420px;
    padding: 75px;
    width: 33%;
    border-radius: 5px;
  }
  .form-group input {
    font-family: "Teko", sans-serif;
    text-align: center;
    background-color: rgba(245, 222, 179, 0.553);
    display: block;
    width: 508px;
    padding: 1px;
    border: 2px solid rgba(0, 0, 0, 0.196);
    margin: 11px auto;
    font-size: 25px;
    border-radius: 8px;
  }
  .contain h1 {
    text-align: center;
    color: white;
  }
  .contain button {
    display: block;
    width: 102%;
    /* padding-left: 20px; */
    margin: 20px 1px auto;
  }
  /* }
  .heart-btn {
    border: 2px solid white;
  } */