@font-face{font-family:'Work Sans';src:url(/WorkSans-VariableFont_wght.ttf) format('truetype');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}:root{--color-1:#1e1e28;--color-2:rgb(10,10,10);--color-3:white;--color-4:rgb(90,90,90);--gradient-1:linear-gradient(45deg,#ff00ff,rgb(178,0,178));--box-shadow-1:2px 3px 20px rgba(0,0,0,.7);}*::-webkit-scrollbar{width:2px;background:black;}*::-webkit-scrollbar-track{background:transparent;border-radius:5px;}*::-webkit-scrollbar-thumb{background:white;border-radius:5px}html{overflow:hidden;}body{margin:0;padding:0;font-family:"Work Sans",sans-serif;overflow:hidden;height:100vh;width:100vw;background:var(--color-2);}.background{margin:0;padding:0;height:100vh;width:100vw;overflow:hidden;background:var(--color-2);}main{position:absolute;margin:auto;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;width:calc(95vw - 40px);height:calc(95vh - 40px);max-width:750px;padding:20px;border-radius:20px;color:white;}.card{position:relative;display:block;padding:20px;box-shadow:var(--box-shadow-1);border-radius:20px;background:white;color:black;width:calc(100% - 40px);}.flex-center{display:flex;justify-content:center;align-items:center;width:100%;}.space-evenly{justify-content:space-evenly;}.space-between{justify-content:space-between;}.flex-column{flex-direction:column;}.flex-1{flex:1;}.flex-2{flex:2;}.logo-image{width:350px;height:auto;}.image-150{width:150px;height:auto;}.image-250{width:250px;height:auto;}.inline-image{display:inline-block;transform:translateY(30%);}.diagram-image{width:100%;height:auto;}.pop{background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.circle-image{border-radius:50%;box-shadow:var(--box-shadow-1);}.border-image{border:3px solid var(--color-3);border-radius:10px;box-shadow:var(--box-shadow-1);}.picture-row{display:flex;align-items:center;justify-content:space-evenly;flex-direction:row;}.button{background:transparent;border:3px solid var(--color-3);outline:none;border-radius:10px;color:var(--color-3);padding:15px 20px;transition:all .5s ease;width:-webkit-max-content;width:-moz-max-content;width:max-content;cursor:pointer;text-transform:uppercase;}.button:hover{transform:scale(1.1,1.1);}.button:active{transform:scale(.9,.9);}.next-button,.previous-button{padding:5px 10px;font-size:15px;}.white-bg{background:white;border-radius:10px;padding:5px;box-shadow:var(--box-shadow-1);}.slide{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;transition:all .5s ease;transform:translateX(100vw);opacity:0;position:absolute;flex:1;overflow:visible;}.text-left{text-align:left;}.text-center{text-align:center;}.text-right{text-align:right;}.slide .content{display:block;overflow:hidden;position:relative;padding:0;aspect-ratio:5/4;width:auto;height:100%;max-width:100vw;max-height:100vh;background:var(--color-1);border-radius:20px;box-shadow:var(--box-shadow-1);}.slide .content .slide-image{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;padding:0;z-index:0;object-fit:contain;}.slide .content *{position:relative;z-index:10;}.slide .content canvas{position:absolute;margin:auto;left:0;right:0;top:0;bottom:0;z-index:0;}.slide .content .bottom-button{position:absolute;bottom:40px;left:0;right:0;margin:auto;z-index:10;}.flex{display:flex;justify-content:center;align-items:center;position:absolute;margin:auto;top:0;left:0;bottom:0;right:0;max-width:500px;}.cont{width:100%;height:auto;aspect-ratio:1/1;position:relative;margin:10px;border-radius:15px;background:rgba(165,165,170,1);box-shadow:inset 2px 3px 4px rgba(255,255,255,.45),inset -2px -3px 3px rgba(0,0,0,.2),2px 3px 10px rgba(0,0,0,.3);}.squishy-button{appearance:none;-webkit-appearance:none;outline:none;background:transparent;border:none;box-shadow:4px 6px 17px rgba(0,0,0,.2),-2px -4px 17px rgba(255,255,255,.3),inset 3px 5px 5px rgba(255,255,255,.17),inset -2px -4px 10px rgba(0,0,0,.15);color:rgba(75,75,80,.9);position:absolute;margin:auto;left:0;right:0;top:0;bottom:0;width:85%;height:auto;aspect-ratio:1/1;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;text-shadow:none;font-size:45px;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;}.squishy-button:active{transform:scale(.92,.92);outline:none;box-shadow:4px 6px 17px rgba(0,0,0,.2),-2px -4px 17px rgba(255,255,255,.25),inset 3px 5px 5px rgba(255,255,255,.3),inset -2px -4px 10px rgba(0,0,0,.25),inset 30px 30px 20px rgba(0,0,0,.15),inset -30px -30px 20px rgba(255,255,255,.25);color:rgba(75,75,80,.75);}.remote-background{background:var(--color-4);}.completed{transform:translateX(-100vw);}.bold-text{background:linear-gradient(45deg,#ff00ff,rgb(178,0,178));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;}.visible{transform:translateX(0);position:absolute;opacity:1;}.width-max-content{width:-webkit-max-content;width:-moz-max-content;width:max-content;}.left-align{text-align:left;}.margin-0{margin:0;}.margin-5{margin:5px;}.margin-10{margin:10px;}.margin-15{margin:15px;}.margin-20{margin:20px;}.margin-25{margin:25px;}.margin-left-0{margin-left:0;}.margin-left-5{margin-left:5px;}.margin-left-10{margin-left:10px;}.margin-left-15{margin-left:15px;}.margin-left-20{margin-left:20px;}.margin-left-25{margin-left:25px;}.margin-right-0{margin-right:0;}.margin-right-5{margin-right:5px;}.margin-right-10{margin-right:10px;}.margin-right-15{margin-right:15px;}.margin-right-20{margin-right:20px;}.margin-right-25{margin-right:25px;}.margin-top-0{margin-top:0;}.margin-top-5{margin-top:5px;}.margin-top-10{margin-top:10px;}.margin-top-15{margin-top:15px;}.margin-top-20{margin-top:20px;}.margin-top-25{margin-top:25px;}.margin-bottom-0{margin-bottom:0;}.margin-bottom-5{margin-bottom:5px;}.margin-bottom-10{margin-bottom:10px;}.margin-bottom-15{margin-bottom:15px;}.margin-bottom-20{margin-bottom:20px;}.margin-bottom-25{margin-bottom:25px;}.padding-0{padding:0;}.padding-5{padding:5px;}.padding-10{padding:10px;}.padding-15{padding:15px;}.padding-20{padding:20px;}.padding-25{padding:25px;}.padding-left-0{padding-left:0;}.padding-left-5{padding-left:5px;}.padding-left-10{padding-left:10px;}.padding-left-15{padding-left:15px;}.padding-left-20{padding-left:20px;}.padding-left-25{padding-left:25px;}.padding-right-0{padding-right:0;}.padding-right-5{padding-right:5px;}.padding-right-10{padding-right:10px;}.padding-right-15{padding-right:15px;}.padding-right-20{padding-right:20px;}.padding-right-25{padding-right:25px;}.padding-top-0{padding-top:0;}.padding-top-5{padding-top:5px;}.padding-top-10{padding-top:10px;}.padding-top-15{padding-top:15px;}.padding-top-20{padding-top:20px;}.padding-top-25{padding-top:25px;}.padding-bottom-0{padding-bottom:0;}.padding-bottom-5{padding-bottom:5px;}.padding-bottom-10{padding-bottom:10px;}.padding-bottom-15{padding-bottom:15px;}.padding-bottom-20{padding-bottom:20px;}.padding-bottom-25{padding-bottom:25px;}