* {
    box-sizing: border-box;
    margin    : 0px;
    padding   : 0px;
   
  }
  
  body {
    font-family     : Arial, sans-serif;
    background-color: rgb(211, 211, 211);
  }
  
  .navbar {
  
  
    width          : 100vw;
    background     : rgb(0, 0, 0);
    color          : rgb(255, 255, 255);
    display        : flex;
    align-items    : center;
    justify-content: space-between;
  }
  
  .mainMenu {
    display   : flex;
    list-style: none;
  }
  
  .link {
    border-radius  : 2.75px;
    display        : inline-block;
    padding        : 15px;
    text-decoration: none;
    text-transform : uppercase;
    color          : rgb(255, 255, 255);
    font-size      : 18px;
    transition     : 0.2s ease;
  }
  
  .link:hover {
    background: rgb(255, 255, 255);
    color     : rgb(0, 0, 0);
  }
  
  .openMenu {
    font-size: 2rem;
    margin   : 20px;
    display  : none;
    cursor   : pointer;
  }
  
  .mainMenu .closeMenu,
  .icons i {
    font-size: 2rem;
    display  : none;
    cursor   : pointer;
  }
  
  .fa-facebook:hover {
    color: rgb(0, 110, 255);
  }
  
  .fa-twitter:hover {
    color: rgb(86, 154, 243);
  }
  
  .fa-instagram:hover {
    color: rgb(255, 0, 191);
  }
  
  .fa-github:hover {
    color: rgb(255, 123, 0);
  }
  
  @media (max-width: 800px) {
  
  
    .mainMenu {
      height         : 50vh;
      position       : fixed;
      top            : 0px;
      right          : 0px;
      left           : 0px;
      z-index        : 10;
      flex-direction : column;
      justify-content: center;
      align-items    : center;
      color          : #fff;
      background     : rgb(0, 0, 0);
      transition     : top 1s ease 0s;
      display        : none;
    }
  
    .mainMenu .closeMenu {
      display : block;
      position: absolute;
      top     : 20px;
      right   : 20px;
    }
  
    .openMenu {
      display: block;
    }
  
    .link:hover {
      background-color: #fff;
      color           : rgb(0, 0, 0);
    }
  
    .icons i {
      display: inline-block;
      padding: 12px;
    }
  
  }
  
  .logo_img {
    margin-left  : 5px;
    width        : 4rem;
    border-radius: 5.75px;
    height       : 50px;
  }