.upper p,.upper p a{color:#000}button,pre button{background-color:#4caf50;color:#fff;cursor:pointer}.lower,.segment{text-align:center}@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,.lower{left:0;width:100%}.slide{width:100%;height:100vh;position:relative}#video,.lower,.nav2,pre button{position:absolute}#slide1{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;right:0;margin:0 auto}#video-container,.wheel,.wheel-container,pre{position:relative}@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)}.bg-custom-gray{background-color:#2d2d2d;padding-top:4rem}.container{margin-top:10px}.completed-container,.item-container{min-height:150px;height:auto;max-height:200px;overflow-y:auto}.blue-background-class{background-color:#f0f0f0!important}.custom-mt{margin-top:3rem}@media (max-width:400px){.card{max-height:270px;overflow-y:auto}.custom-mt{margin-top:2rem}}.wheel-container{background-color:gray;width:300px;height:300px;margin:0 auto;border-radius:50%;overflow:hidden}.segment,.wheel{width:100%;height:100%}.wheel{border-radius:50%;transition:transform 4s ease-out}.pointer,.segment{position:absolute}.segment{clip-path:polygon(50% 50%,100% 0%,100% 100%);transform-origin:50% 50%;display:flex;justify-content:center;align-items:center;color:#000;font-weight:700;font-size:1.2rem;box-sizing:border-box}.wheel-container::after{content:'';position:absolute;top:50%;left:50%;width:10px;height:10px;background:#f80;border-radius:50%;transform:translate(-5px,-4px)}.pointer{top:50%;right:-11px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:20px solid transparent;border-right:20px solid red;transform:translateY(-50%);z-index:100}.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}