.upper p,.upper p a{color:#000}button,pre button{background-color:#4caf50;color:#fff;cursor:pointer}@font-face{font-family:'Gotham Medium';src:url('Gotham-Medium.woff2') format('woff2'),url('Gotham-Medium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Gotham Book';src:url('Gotham-Book.woff2') format('woff2'),url('Gotham-Book.woff') format('woff');font-weight:500;font-style:normal;font-display:swap}h1,h2,h3,h4,h5,h6{font-family:'Gotham Medium'}a,li,p,span{font-family:'Gotham Book'}.logo{width:50px;position:absolute;top:10px;left:10px}#video-container,.slide,pre{position:relative}#video,.lower{left:0;width:100%}.slide{width:100%;height:100vh}#video,.lower,.nav2,pre button{position:absolute}#slide1{background-image:url('../images/book.png');background-size:cover;background-position:center;width:100%;height:100vh}.nav2{top:9px;right:20px}.upper{padding-top:110px}.upper h2{font-size:41px;margin-bottom:0}.upper p{font-size:14px}.navbar-light .navbar-nav .nav-link{color:#000;margin:0 3px;text-transform:uppercase;font-weight:800;font-size:13px;letter-spacing:1px}.lower .btn1,.lower .btn2{padding:10px 40px;border-radius:30px;font-size:12px;width:250px;display:inline-block;text-align:center;text-decoration:none;margin:0 8px}.lower .btn1{background:#171a20;color:#fff}.lower .btn2{background:rgba(255,255,255,.5);color:#000}.lower .arrow{margin-top:15px;display:inline-block}.lower{bottom:20px;text-align:center;right:0;margin:0 auto}@media only screen and (max-width:990px){.logo{width:100px;top:20px;right:20px;left:auto}.navbar{background:#fff}.nav2{position:relative;right:auto;top:0}}#video-container{width:100%;height:100vh;overflow:hidden}#video{top:0;height:80%}button{padding:12px 24px;font-size:16px;border:none;border-radius:5px;transition:background-color .3s,box-shadow .3s}pre{background-color:#cacaca;border:1px solid #ddd;border-radius:5px;padding:10px;font-family:Consolas,'Courier New',monospace;color:#333;overflow:hidden;margin:10px 0;white-space:pre-wrap;word-wrap:break-word;max-height:70px;overflow-y:scroll}pre button{border:none;padding:6px 12px;font-size:12px;border-radius:3px;top:50%;right:7px;transform:translateY(-50%)}button:active,pre button:active{box-shadow:0 5px #666;transform:translateY(4px)}.dropdown-menu{max-height:calc(3 * 40px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.dropdown-menu::-webkit-scrollbar{width:7px}.dropdown-menu::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.dropdown-menu::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#555}