*{box-sizing:border-box}body{min-height:300vh;background-image:linear-gradient(to top,#127cbe 0,#537895 100%)}header{position:fixed;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9}header button,header h1{position:relative;z-index:10}header h1{text-transform:uppercase;letter-spacing:1pt;font-size:3em;color:#fff;font-family:Montserrat,sans-serif}header button{font-family:FontAwesome;font-weight:900;position:absolute;bottom:100px;left:calc(50% - 60px);width:120px;height:50px;border:0;box-shadow:2px 1px 20px 0 rgba(0,0,0,.5);border-radius:10px;cursor:pointer;background:#cad9cc;font-size:1em;color:#09203f;transition:all .8s cubic-bezier(.645,.045,.355,1),transform .3s cubic-bezier(.455,.03,.515,.955),box-shadow .3s cubic-bezier(.455,.03,.515,.955);overflow:hidden}header button:hover{box-shadow:0 0 0 0 rgba(0,0,0,.5)}header button:focus{outline:0}header button:after,header button:before{font-family:FontAwesome;transition:all .8s cubic-bezier(.645,.045,.355,1);top:27%;position:absolute}header button:before{content:"\f067";opacity:1;left:53px}header button:after{content:"\f0c9";opacity:0;left:0}header .triangle{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#09203f 0,#537895 100%);transition:all .8s cubic-bezier(.645,.045,.355,1);display:flex;justify-content:center;align-items:center;pointer-events:none}header .triangle.left{clip-path:polygon(0 0,0 100%,100% 100%)}header .triangle.right{clip-path:polygon(100% 0,0 0,100% 100%)}header.open .triangle.left{clip-path:polygon(0 0,0 100%,0 100%)}header.open .triangle.right{clip-path:polygon(100% 0,100% 0,100% 100%)}header.open button{left:40px;bottom:40px;width:50px;border-radius:50%}header.open button:before{opacity:0;left:100%}header.open button:after{opacity:1;left:18px}header.open button.menu{width:100%;height:100%;bottom:0;left:0;border-radius:0}header.open button.menu:after{left:-100%}article>main{height:100vh;display:flex;justify-content:center;align-items:flex-start}nav{position:fixed;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;display:none;z-index:9}nav ul{list-style:none;animation:fadeDown 1s forwards;opacity:0}nav ul li{width:100%;font-family:Montserrat,sans-serif;font-weight:700;line-height:2;letter-spacing:1pt;font-size:1.5em;color:#09203f;cursor:pointer;transform:translateY(-20px);transition:all .3s cubic-bezier(.455,.03,.515,.955)}nav ul li:hover{text-shadow:2px 1px 40px rgba(0,0,0,.5);opacity:.8}nav ul li.active{text-shadow:2px 1px 20px #01a481;opacity:1}nav ul li:nth-child(1){animation-delay:.8s}nav ul li:nth-child(2){animation-delay:.9s}nav ul li:nth-child(3){animation-delay:1s}.icon-page{background:#09203f;color:#fff;padding:2px 3px;border-top-right-radius:10px}nav #nav-close{position:fixed;top:40px;right:40px;font-size:1.5em;cursor:pointer;animation:fadeDown 1s forwards;animation-delay:1.1s;opacity:0;color:#09203f;transform:translateY(-20px);z-index:9}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}body{overflow:hidden}article>main{background:#fff;overflow:auto}article>main iframe{width:100%;height:100%}header.open{pointer-events:none}header.open button{pointer-events:all}nav ul{width:100%;height:100%;display:flex;align-items:flex-start;flex-flow:row wrap;align-content:flex-start}.onpage-nav{position:fixed;z-index:99;bottom:0;right:0;width:200px;height:100%;pointer-events:none}.arrow-nav-cont,.main-navigation-button{pointer-events:all}.page-navigation{width:40px;height:40px;position:relative;border-radius:40px;overflow:hidden}ul.page-navigation p{font-weight:700;font-size:20px;line-height:24px;padding:0;height:100%;text-align:center;display:flex;align-items:center;justify-content:center;padding-left:2px}ul.page-navigation li{position:absolute;left:0;top:0;width:40px;height:40px;display:none}ul.page-navigation li.active{display:block}.page-link{position:relative;display:block;padding:.5rem .75rem;margin:0;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6;cursor:pointer}.btn-next,.btn-previous,.main-navigation-button,ul.page-navigation{box-shadow:1px 1px 1px rgba(0,0,0,.5)}.btn-next,.btn-previous{display:flex;align-items:center;justify-content:center;height:40px;border-radius:40px}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.page-item:last-child .page-link{border-top-right-radius:0;border-bottom-right-radius:0}.navv{background:rgba(202,217,204,.95)}.main-navigation-button{width:40px;height:38px;border-radius:4px;outline:0;border:none}button.main-navigation-button:before{content:"\f0c9";font-family:FontAwesome;opacity:1;font-size:24px}.arrow-nav-cont{background:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,.04) 65%,rgba(0,0,0,0) 100%)}@media (min-width:768px){nav ul{max-width:70%;max-height:450px}nav ul li{font-size:16px;margin-bottom:24px}}@media (min-width:992px){nav ul{max-width:50%}nav ul li{margin-bottom:16px}}@media (max-width:767.98px){nav ul{align-content:center;padding:0 16px}}@media (max-width:991.98px){nav ul li{width:100%;text-align:left;line-height:normal;margin-bottom:16px;display:flex;align-items:flex-start;justify-content:flex-start;flex-flow:row nowrap}}article>main{perspective:16000px;position:fixed;top:0;left:0;width:100%;height:100%}article>main.active-page{z-index:8}#myDiv,.flip-page,.myDiv{backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform 1s ease;-o-transition:transform 1s ease;-moz-transition:transform 1s ease;-webkit-transition:transform 1s ease;animation:shake 2s ease-in-out forwards;z-index:9;box-shadow:#000 60px 60px 60px}@keyframes shake{0%{transform-style:preserve-3d;transform:rotateY(0);left:0}50%{transform-style:preserve-3d;transform:rotateY(90deg)}100%{transform-style:preserve-3d;transform:rotateY(0) translateX(50%);left:-100%}}