aloky

position: absolute;

transition: all 1s;

не легче использовать bootstrap?

z-index можно ещё)

<div class="container">
  <div class="row justify-content-between">
    <div class="col-md-auto"></div>
    <div class="col-md-auto"></div>
    <div class="col-md-auto"></div>
  </div>
</div>

В гугл вбей) transform generator online

white-space: nowrap;

можно transform, но легче было бы вам помочь, если вы кинули код

Пример - https://static.hltv.org/images/team/logo/6667

svg иконки используйте.

.menu { height: 100vh; }
И было бы легче вам помочь, если вы предоставили код.
И пример тут на глазах у тебя даже dl4.joxi.net/drive/2018/02/16/0022/1330/1500466/66...

Примерно так) только надо до конца довести дело))) https://codepen.io/aloky/pen/ddZdZR

https://jsfiddle.net/ayeqrb1e/2/

Можно через JQuery, но можно и на чистом css
Пример: https://ruseller.com/lessons.php?rub=2&id=1502

.purchase__button { border: none; outline: none; }

:after {
   z-index: 1;
}

html, fieldset 
  display: flex
  justify-content: center
  align-items: center
  height: 100%