.tutorial-content::-webkit-scrollbar-thumb{background-color:#fff;border-radius:20px}.tutorial-content{padding-left:50px;padding-right:50px;text-align:left;color:#fff;margin-top:40px;max-width:80vw;height:80%;margin-right:10px;background-color:#003049;position:relative;overflow-y:scroll;border-radius:20px 0 0 20px;overflow-x:hidden}p{padding-left:40px;padding-right:40px;margin-left:50px;text-align:left;max-width:60vw}.shortcuts{height:100%;width:400px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.shortcut{margin-top:10px;padding:30px;height:500px}.key__button{box-sizing:border-box;line-height:40px;font-size:22px;text-align:center;width:40px;color:#555;cursor:pointer;margin:0 8px;height:40px;border-color:#f2f2f2;border-style:solid;text-shadow:0 .5px 1px #777,0 2px 6px #f2f2f2;border-width:1px;border-radius:10px;background:-webkit-linear-gradient(top,#f9f9f9 0%,#d2d2d2 80%,#c0c0c0 100%);font-family:Roboto,sans-serif;font-display:swap;display:inline-block;transition:box-shadow .3s ease,transform .15s ease;box-shadow:0 0 1px #888,0 1px #fff,0 6px silver,0 8px 17px rgba(#444,.4),2px 1px 4px rgba(#444,.25),-2px 1px 4px rgba(#444,.25),0 9px 16px rgba(#444,.1);-webkit-user-select:none;user-select:none}.key__button:hover{transform:scale(1.05)}.key__button:hover:active{box-shadow:0 0 1px #888,0 1px #fff,0 0 silver,0 0 30px rgba(#444,.15),2px 2px 4px rgba(#444,.25),-2px 2px 4px rgba(#444,.25),0 0 4px rgba(#444,.25);transform:translateY(4px)}.button1{width:100px;background-color:#003049;display:inline-block;padding:.35em 1.2em;border:.1em solid #ffffff;margin-left:100px;border-radius:.12em;box-sizing:border-box;text-decoration:none;font-family:Roboto,sans-serif;font-display:swap;font-weight:300;color:#fff;text-align:center;transition:all .2s}.button1:hover{color:#000;background-color:#fff}.button1:active{transform:scale(.9)}.gif{margin-left:100px;width:400px;transition:all 1s}.gif:hover{width:60vw}.tutorial-content h1{margin-left:20px}