html { overflow: hidden; }
.main.view { position: fixed; top: 0; left: 0; width: 100%; height: 100%;
font-size: 1rem;
z-index: 99999;
background: rgba(24, 24, 24, 1);
-webkit-perspective: 1000px; perspective: 1000px; }
.main.menu { position: fixed; background: none;
left: 0; top: 0; height: 100%; width: 10em;
opacity: 0;
text-align: center; font-family: Brandon;
transition: opacity 0.3s; }
.main.menu .items { margin-top: -10em; }
.main.menu .logo { display: inline-block;
width: 7em; height: 7em; line-height: 7em; text-align: center;
border-radius: 50%;
background: white; }
.main.menu .logo i { line-height: 2em; font-size: 3.5em; }
.main.menu .item { font-weight: bold; font-size: 1em;
color: rgba(240, 240, 240, 1);
margin-top: 2em; -webkit-user-select: none; user-select: none;
cursor: pointer; transition: font-size 0.2s; }
.main.menu .item:hover { font-size: 1.1em; }
.main.view.open-menu .main.menu { opacity: 1; transition: opacity 0.3s 0.3s; }
.main.cont-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(253, 253, 253, 1);
overflow: auto; box-shadow: 0 0 20px rgba(0, 0, 0, 1);
transition: 0.3s cubic-bezier(0.2, 1, 0.2, 1); }
.main.view.open-menu .main.cont-wrap { overflow: hidden; }
.no-csstransforms3d .main.view.open-menu .main.cont-wrap { left: 10em; }
.csstransforms3d .main.view.open-menu .main.cont-wrap { -webkit-transform: translate3d(10em, 0, -200px); transform: translate3d(10em, 0, -200px);
border-radius: 3px; }