Template:HFLS H2Z Hangzhou/css/main

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; }