*, *:before, *:after{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  html,
  body {
      width: 100vw;
      height: 100vh;
      margin: 0;
      padding: 0;
      overflow-x: hidden;
      background-color: rgba(36, 37, 42, 1);
  }

  .Holder{
    height: 91vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }


  .Path{
    display: inline-block;
    width:35%;
    height: 100px;
    padding: 10px;
    font-size: 20px;
    font-weight:bolder;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    background-color: inherit;
    border:2px solid white;
    margin:5px;
    letter-spacing: 3px;
    transition-property: all;
    transition-duration: 0.25s;
    transition-delay: 0.1s;
    color: white;
    border-radius: 5px;
  }
  .Path:hover{
    cursor: pointer;
    box-shadow: 5px 6px 8px 0 rgba(255,255,255,0.24),0 17px 50px 0 rgba(255,255,255,0.19);
    background-color: white;
    color: black;
    letter-spacing: 6px;
  }
  .Path1{
      margin-right: 7%;
  }

  .homeic{
    height: auto;
    display: flex;
    justify-content: flex-end;
    margin-right: 2vw;
    margin-top: 2vh;
  }
  .material-icons{
    border:1px solid white;
    border-radius: 5px;
    transition-property: all;
    transition-duration: 0.25s;
    transition-delay: 0.1s;
  }
  .material-icons:hover{
    color:rgba(36, 37, 42, 1) !important;
    cursor: pointer !important;
    background-color: white;
    box-shadow: 5px 6px 8px 0 rgba(255,255,255,0.24),0 17px 50px 0 rgba(255,255,255,0.19);
  }

  @media only screen and (max-width:1061px){
    .Path:hover{
      letter-spacing: 4px;
    }
  }

  @media only screen and (max-width:950px){
    .Holder{
      display: inline-block;
      width: 100%;
      height: 82vh;
    }
    .Path{
      display: block;
      width:60%;
      margin: auto;
      margin-top:20vh;
    }
    .Path:hover{
      letter-spacing: 6px;
    }
    .Path2{
      margin-top: 10vh;
    }
  }
  @media only screen and (max-width:642px){
    .Path{
      width:80%;
      margin-top:15vh;
      height: 80px;
    }
    .Path2{
      margin-top: 8vh;
    }
  }
  @media only screen and (max-width:462px){
    .Path:hover{
      letter-spacing: 4px;
    }
  }
  @media only screen and (max-width:414px){
    .Path:hover{
      letter-spacing: 3px;
    }
  }