@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;800&family=Rubik:wght@400;700&display=swap);body{background-color:#293942;background-size:cover;color:#e0ffff;flex-direction:column;font-family:Comfortaa,sans-serif;margin:0;overflow-x:hidden}.App,body{align-items:center;display:flex;justify-content:center}.App{text-align:center}.App-header{align-items:center;color:#e0ffff;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh}.App-link{color:#61dafb}.nav-bar{box-shadow:0 0 12px 0 rgba(0,0,0,.95);-webkit-user-select:none;user-select:none}.nav-bar,.nav-bar-list{display:flex;width:100vw}.nav-bar-list{background-color:#333;color:#e0ffff;flex-direction:row;justify-content:space-between;list-style-type:none;margin:0;overflow:hidden;padding:0;z-index:9999}.nav-bar-list-button{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-size:24px;font-weight:700;height:40px;justify-content:center;padding:14px 16px;text-align:center;transition:.3s ease-in-out;width:100%}.nav-bar-list-button:hover{background-color:#2c2c2c;color:#ffbd59;transition:.3s ease-in-out}.projects-list{display:flex;flex-direction:column}.nav-drop-down{margin-top:-10px;position:absolute;width:100%}.drop-down,.nav-drop-down{align-items:center;color:#e0ffff;display:flex;justify-content:center;text-decoration:none;-webkit-user-select:none;user-select:none;z-index:9000}.drop-down{height:100%;margin-top:70px;width:33vw}.drop-down,.drop-down-item{background-color:#2c2c2c;border-radius:0 0 10px 10px;flex-direction:column}.drop-down-item{align-items:center;color:#e0ffff;cursor:pointer;display:flex;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;z-index:9000}.drop-down-spacer{height:40px}.drop-down-item:hover{background-color:#333;transition:.2s}.drop-down-item:active{background-color:#333;border-radius:5px 5px 5px 5px;color:#ffbd59;transition:.1s;width:80%}.about-header{align-items:center;color:#e0ffff;display:flex;flex-direction:column;justify-content:flex-start}img{height:auto;width:50px}img,img:hover{transition:.2s}img:hover{-webkit-transform:scale(1.25);transform:scale(1.25)}.about{align-items:center;background-image:url(/static/media/aboutBG.914213bf8a8cdfafc01d.png);background-position:0 -35px;background-repeat:no-repeat;background-size:cover;justify-content:center}.about,.about-container{display:flex;flex-direction:column}.about-container{align-items:left;-webkit-animation:fadeIn .5s ease-in forwards;animation:fadeIn .5s ease-in forwards;height:92.8vh}.tech-container{-webkit-animation:fadeIn 1.2s ease-in forwards;animation:fadeIn 1.2s ease-in forwards;flex-direction:row}.tech-container,.tech-item{align-items:center;display:flex;justify-content:center}.tech-item{flex-direction:column;margin:1em}.highlight{color:#ffbd59}#link-container{align-items:center;-webkit-animation:fadeIn 1s ease-in forwards;animation:fadeIn 1s ease-in forwards;display:flex;flex-direction:row;justify-content:center}#hey{font-size:2.5em;font-weight:lighter}#github-inline,#linkedin-github{color:#ffbd59;text-decoration:none;transition:.2s}#linkedin-github{font-weight:700}#linkedin-github:hover{font-size:larger;transition:.2s}.my-name{color:#ffbd59;font-weight:700}@-webkit-keyframes chromAbb{0%{text-shadow:0 0 #a50610,0 0 #0c2aa8,0 6px 0 transparent,8px 0 0 transparent}to{text-shadow:.06ex 0 #a50610,-.06ex 0 #0c2aa8,0 .14ex 0 rgba(0,0,0,.8),.12ex 0 0 rgba(0,0,0,.8)}}@keyframes chromAbb{0%{text-shadow:0 0 #a50610,0 0 #0c2aa8,0 6px 0 transparent,8px 0 0 transparent}to{text-shadow:.06ex 0 #a50610,-.06ex 0 #0c2aa8,0 .14ex 0 rgba(0,0,0,.8),.12ex 0 0 rgba(0,0,0,.8)}}@media (max-width:768px){.about{background-image:none}.about-container{height:100vh;margin:1em}.tech-container{display:grid;grid-template-columns:1fr 1fr}.tech-item{margin:.5em}#hey{font-size:2.5em}}.crt-container{-webkit-animation:fadeIn 1s ease-in forwards;animation:fadeIn 1s ease-in forwards;margin-top:6vh;opacity:0}.crt-container,.plastic-casing-outer{align-items:center;display:flex;flex-direction:column;justify-content:center}.plastic-casing-outer{background-color:bisque;border:none;border-radius:25px;box-shadow:inset -3px -3px 4px 8px #0000001f,18px 18px 10px 10px #0000001f,5px 2px #ffebcd,8px 3px #ffebcd,9px 4px #ffebcd,10px 5px #ffebcd,11px 6px #ffebcd,12px 7px #ffebcd,13px 8px bisque,14px 9px bisque,15px 10px bisque;height:700px;padding-bottom:60px;width:700px}.plastic-casing-inner{align-items:center;background-color:#282c34;border:none;border-radius:10px;box-shadow:-1px -1px 4px 6px #0000001f;display:flex;height:580px;justify-content:center;position:absolute;width:580px}.button-container{align-items:center;background-color:#f5dab8;border-radius:4px;box-shadow:inset 2px 2px 3px 3px #0000001f;display:flex;flex-direction:row;height:60px;justify-content:space-evenly;-webkit-transform:translateY(350px);transform:translateY(350px);width:80%}.control-button{background-color:bisque;border:none;border-radius:4px;box-shadow:2px 2px .5px 1px #0000001f;color:#bba78f;font-size:22px;font-weight:bolder;height:30px;text-shadow:1px 1px 0 #0000005e,1.5px 1.5px 1px #0000005e;width:80px}.control-button:active{box-shadow:.5px .5px .5px 1px #0000001f;-webkit-transform:translate(1.5px,1.5px);transform:translate(1.5px,1.5px)}@-webkit-keyframes flicker{0%{opacity:.28}5%{opacity:.35}10%{opacity:.24}15%{opacity:.91}20%{opacity:.18}25%{opacity:.84}30%{opacity:.66}35%{opacity:.68}40%{opacity:.27}45%{opacity:.85}50%{opacity:.96}55%{opacity:.09}60%{opacity:.2}65%{opacity:.72}70%{opacity:.53}75%{opacity:.37}80%{opacity:.71}85%{opacity:.7}90%{opacity:.7}95%{opacity:.36}to{opacity:.24}}@keyframes flicker{0%{opacity:.28}5%{opacity:.35}10%{opacity:.24}15%{opacity:.91}20%{opacity:.18}25%{opacity:.84}30%{opacity:.66}35%{opacity:.68}40%{opacity:.27}45%{opacity:.85}50%{opacity:.96}55%{opacity:.09}60%{opacity:.2}65%{opacity:.72}70%{opacity:.53}75%{opacity:.37}80%{opacity:.71}85%{opacity:.7}90%{opacity:.7}95%{opacity:.36}to{opacity:.24}}@-webkit-keyframes textShadow{0%{text-shadow:.38px 0 1px rgba(0,30,255,.5),-.38px 0 1px rgba(255,0,80,.3),0 0 3px}5%{text-shadow:2.69px 0 1px rgba(0,30,255,.5),-2.69px 0 1px rgba(255,0,80,.3),0 0 3px}10%{text-shadow:.02px 0 1px rgba(0,30,255,.5),-.02px 0 1px rgba(255,0,80,.3),0 0 3px}15%{text-shadow:.32px 0 1px rgba(0,30,255,.5),-.32px 0 1px rgba(255,0,80,.3),0 0 3px}20%{text-shadow:3.25px 0 1px rgba(0,30,255,.5),-3.25px 0 1px rgba(255,0,80,.3),0 0 3px}25%{text-shadow:1.51px 0 1px rgba(0,30,255,.5),-1.51px 0 1px rgba(255,0,80,.3),0 0 3px}30%{text-shadow:.6px 0 1px rgba(0,30,255,.5),-.6px 0 1px rgba(255,0,80,.3),0 0 3px}35%{text-shadow:3.75px 0 1px rgba(0,30,255,.5),-3.75px 0 1px rgba(255,0,80,.3),0 0 3px}40%{text-shadow:3.73px 0 1px rgba(0,30,255,.5),-3.73px 0 1px rgba(255,0,80,.3),0 0 3px}45%{text-shadow:2.09px 0 1px rgba(0,30,255,.5),-2.09px 0 1px rgba(255,0,80,.3),0 0 3px}50%{text-shadow:.1px 0 1px rgba(0,30,255,.5),-.1px 0 1px rgba(255,0,80,.3),0 0 3px}55%{text-shadow:2.22px 0 1px rgba(0,30,255,.5),-2.22px 0 1px rgba(255,0,80,.3),0 0 3px}60%{text-shadow:2.05px 0 1px rgba(0,30,255,.5),-2.05px 0 1px rgba(255,0,80,.3),0 0 3px}65%{text-shadow:2.71px 0 1px rgba(0,30,255,.5),-2.71px 0 1px rgba(255,0,80,.3),0 0 3px}70%{text-shadow:.42px 0 1px rgba(0,30,255,.5),-.42px 0 1px rgba(255,0,80,.3),0 0 3px}75%{text-shadow:1.82px 0 1px rgba(0,30,255,.5),-1.82px 0 1px rgba(255,0,80,.3),0 0 3px}80%{text-shadow:.1px 0 1px rgba(0,30,255,.5),-.1px 0 1px rgba(255,0,80,.3),0 0 3px}85%{text-shadow:.12px 0 1px rgba(0,30,255,.5),-.12px 0 1px rgba(255,0,80,.3),0 0 3px}90%{text-shadow:3.34px 0 1px rgba(0,30,255,.5),-3.34px 0 1px rgba(255,0,80,.3),0 0 3px}95%{text-shadow:2.08px 0 1px rgba(0,30,255,.5),-2.08px 0 1px rgba(255,0,80,.3),0 0 3px}to{text-shadow:2.52px 0 1px rgba(0,30,255,.5),-2.52px 0 1px rgba(255,0,80,.3),0 0 3px}}@keyframes textShadow{0%{text-shadow:.38px 0 1px rgba(0,30,255,.5),-.38px 0 1px rgba(255,0,80,.3),0 0 3px}5%{text-shadow:2.69px 0 1px rgba(0,30,255,.5),-2.69px 0 1px rgba(255,0,80,.3),0 0 3px}10%{text-shadow:.02px 0 1px rgba(0,30,255,.5),-.02px 0 1px rgba(255,0,80,.3),0 0 3px}15%{text-shadow:.32px 0 1px rgba(0,30,255,.5),-.32px 0 1px rgba(255,0,80,.3),0 0 3px}20%{text-shadow:3.25px 0 1px rgba(0,30,255,.5),-3.25px 0 1px rgba(255,0,80,.3),0 0 3px}25%{text-shadow:1.51px 0 1px rgba(0,30,255,.5),-1.51px 0 1px rgba(255,0,80,.3),0 0 3px}30%{text-shadow:.6px 0 1px rgba(0,30,255,.5),-.6px 0 1px rgba(255,0,80,.3),0 0 3px}35%{text-shadow:3.75px 0 1px rgba(0,30,255,.5),-3.75px 0 1px rgba(255,0,80,.3),0 0 3px}40%{text-shadow:3.73px 0 1px rgba(0,30,255,.5),-3.73px 0 1px rgba(255,0,80,.3),0 0 3px}45%{text-shadow:2.09px 0 1px rgba(0,30,255,.5),-2.09px 0 1px rgba(255,0,80,.3),0 0 3px}50%{text-shadow:.1px 0 1px rgba(0,30,255,.5),-.1px 0 1px rgba(255,0,80,.3),0 0 3px}55%{text-shadow:2.22px 0 1px rgba(0,30,255,.5),-2.22px 0 1px rgba(255,0,80,.3),0 0 3px}60%{text-shadow:2.05px 0 1px rgba(0,30,255,.5),-2.05px 0 1px rgba(255,0,80,.3),0 0 3px}65%{text-shadow:2.71px 0 1px rgba(0,30,255,.5),-2.71px 0 1px rgba(255,0,80,.3),0 0 3px}70%{text-shadow:.42px 0 1px rgba(0,30,255,.5),-.42px 0 1px rgba(255,0,80,.3),0 0 3px}75%{text-shadow:1.82px 0 1px rgba(0,30,255,.5),-1.82px 0 1px rgba(255,0,80,.3),0 0 3px}80%{text-shadow:.1px 0 1px rgba(0,30,255,.5),-.1px 0 1px rgba(255,0,80,.3),0 0 3px}85%{text-shadow:.12px 0 1px rgba(0,30,255,.5),-.12px 0 1px rgba(255,0,80,.3),0 0 3px}90%{text-shadow:3.34px 0 1px rgba(0,30,255,.5),-3.34px 0 1px rgba(255,0,80,.3),0 0 3px}95%{text-shadow:2.08px 0 1px rgba(0,30,255,.5),-2.08px 0 1px rgba(255,0,80,.3),0 0 3px}to{text-shadow:2.52px 0 1px rgba(0,30,255,.5),-2.52px 0 1px rgba(255,0,80,.3),0 0 3px}}@-webkit-keyframes leftToRight{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}45%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}70%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}95%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes leftToRight{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}45%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}70%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}95%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes hueRotate{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}25%{-webkit-filter:hue-rotate(90deg);filter:hue-rotate(90deg)}50%{-webkit-filter:hue-rotate(180deg);filter:hue-rotate(180deg)}75%{-webkit-filter:hue-rotate(270deg);filter:hue-rotate(270deg)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes hueRotate{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}25%{-webkit-filter:hue-rotate(90deg);filter:hue-rotate(90deg)}50%{-webkit-filter:hue-rotate(180deg);filter:hue-rotate(180deg)}75%{-webkit-filter:hue-rotate(270deg);filter:hue-rotate(270deg)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}.crtScreen:after{-webkit-animation:flicker .05s infinite;animation:flicker .05s infinite;background:rgba(72,88,77,.1);box-shadow:inset 0 0 10px 15px rgba(0,0,0,.164);opacity:0}.crtScreen:after,.crtScreen:before{border-radius:10px;bottom:0;content:" ";display:block;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.crtScreen:before{background:linear-gradient(hsla(0,6%,7%,0) 50%,rgba(0,0,0,.25) 0),linear-gradient(90deg,rgba(255,0,0,.06),rgba(0,255,0,.02),rgba(0,0,255,.06));background-size:100% 2px,3px 100%;box-shadow:inset 0 0 10px 25px rgba(0,0,0,.164),inset 0 0 3px 4px hsla(0,0%,100%,.45)}.crtScreen,.crtScreen-off{align-items:center;-webkit-animation:textShadow .05s infinite;animation:textShadow .05s infinite;color:beige;display:flex;height:80%;justify-content:center;width:80%}.crtScreen-off{-webkit-filter:blur(3px);filter:blur(3px);opacity:0;transition:all .3s}.crtScreen-content{-webkit-animation:hueRotate .05s linear infinite;animation:hueRotate .05s linear infinite;font-family:VT323,monospace;-webkit-user-select:none;user-select:none}#hire-now,.crtScreen-content{flex-direction:column}#hire-now,.crtScreen-content,.crtScreen-image{align-items:center;display:flex;justify-content:center}#my-face{-webkit-animation:leftToRight 1s linear infinite;animation:leftToRight 1s linear infinite;width:100px}#hire-me-button{border:none;border-radius:5px;font-weight:700}#screen-button-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:10px}.pong_ball{border-radius:50%;height:15px;width:15px}.pong_ball,.pong_paddle{background-color:#fff;position:absolute;transition:all .2s ease}.pong_paddle{height:60px;width:10px}.pong_controls{flex-direction:column;left:-20px;position:absolute;top:200px}.pong_controls,.pong_score{align-items:center;display:flex;justify-content:center}.pong_score{flex-direction:row}.contact{background-image:url(/static/media/contactBG.17d1768bfae00d8d3cac.svg);background-position:0 -35px;background-repeat:no-repeat;background-size:cover;height:100vh;text-align:center}.contact-input{align-items:center;justify-content:center}.contact-input,label{display:flex;flex-direction:column}label{color:#ffbd59;font-size:1.5em;margin:10px;text-align:center}.email-limit,.message-limit,.name-limit{color:#f0f8ff;font-size:.8em;margin:0 0 .2em;opacity:.55;text-align:left;transition:.2s}.email-limit-error,.message-limit-error,.name-limit-error{color:#fa4a32;font-size:.8em;opacity:1;transition:.2s}input{border:none;border-radius:5px;box-shadow:inset 2px 2px 2px rgba(0,0,0,.55);font-size:16px;height:30px;transition:.4s;width:300px}input::selection{background-color:#ffbd59;color:#000}input:focus{border:none;height:40px}#message,input:focus{outline:none;transition:.2s}#message{border:none;border-radius:5px;box-shadow:inset 2px 2px 2px rgba(0,0,0,.55);font-size:16px;height:auto;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;overflow:hidden;resize:none;width:300px}#message::selection{background-color:#ffbd59;color:#000}#message:focus{-webkit-animation:dropThenExpand2 1s ease-out forwards;animation:dropThenExpand2 1s ease-out forwards}#submit{background-color:#ffbd59;border:none;border-radius:5px;box-shadow:2px 2px 2px rgba(0,0,0,.55);color:#000;font-size:16px;font-weight:700;height:40px;margin:10px;transition:.4s;width:100px}#submit:hover{background-color:#f9f9f9;transition:.2s}#submit:active{box-shadow:0 0;transition:.2s;translate:2px 2px}@-webkit-keyframes dropThenExpand2{0%{height:30px;width:300px}20%{height:150px;width:300px}35%{height:165px;width:300px}45%{height:150px;width:300px}70%{height:150px;width:360px}90%{box-shadow:inset 2px 2px 2px rgba(0,0,0,.55);height:150px;width:360px}to{box-shadow:inset 4px 4px 2px rgba(0,0,0,.55);height:150px;width:360px}}@keyframes dropThenExpand2{0%{height:30px;width:300px}20%{height:150px;width:300px}35%{height:165px;width:300px}45%{height:150px;width:300px}70%{height:150px;width:360px}90%{box-shadow:inset 2px 2px 2px rgba(0,0,0,.55);height:150px;width:360px}to{box-shadow:inset 4px 4px 2px rgba(0,0,0,.55);height:150px;width:360px}}.littr{align-items:center;display:flex;flex-direction:column}.littr-container{-webkit-animation:fadeIn .5s ease-in forwards;animation:fadeIn .5s ease-in forwards;box-sizing:border-box;max-width:1400px;width:80%}.littr-list-container{align-items:left;display:flex;flex-direction:row;justify-content:space-evenly}.littr-tech-item img{height:auto;transition:.2s;width:16px}.littr-link,.littr-subtitle,.littr-title{color:#ffbd59;font-family:Montserrat,sans-serif}.littr-title{font-size:larger;text-align:center;text-shadow:2px 2px 10px 2px rgba(0,0,0,.5)}.littr-description{word-wrap:break-word;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.littr-video{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.littr-video-frame{border:none;border-radius:10px;box-shadow:2px 2px 10px 2px rgba(0,0,0,.2)}.littr-link{color:#ffbd59;transition:.2s}.littr-link:hover{color:#e0ffff}.example-images-container{align-items:center;display:flex;justify-content:space-around;width:100%}.example-image{align-items:center;display:flex;flex-direction:column;justify-content:center}.image-description{font-size:12px;text-align:center}#example-button{background-color:#2f3e46;border:none;box-shadow:4px 4px 1px 0 rgba(0,0,0,.55);color:#d9d9d9;height:45px;transition:.2s;width:200px}#example-button,#example-button:hover{border-radius:5px;font-size:12px;font-weight:semi-bold}#example-button:active,#example-button:hover{background-color:#d9d9d9;color:#2f3e46}#example-button:active{box-shadow:0 0 0 0 rgba(0,0,0,.55);-webkit-transform:translate(4px,4px);transform:translate(4px,4px);transition:.4s}#bad,#card,#fella,#good,#moodboard{border-radius:10px;box-shadow:2px 2px 10px 2px rgba(0,0,0,.2);height:auto;max-height:200px;max-width:500px;width:auto}@-webkit-keyframes fadeIn{0%{-webkit-filter:blur(5px);filter:blur(5px);opacity:0}to{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes fadeIn{0%{-webkit-filter:blur(5px);filter:blur(5px);opacity:0}to{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@media (max-width:768px){.littr-container{max-width:380px}.littr-list-container{flex-direction:column;justify-content:center}.example-images-container{align-items:center;flex-direction:column}#bad,#card,#good,#moodboard{max-height:100px;width:100%}#fella{max-height:100px;width:auto}.littr-description{font-size:smaller}.littr-video-frame{width:100%}}.interface{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.interface-title{color:#ffbd59}.interface-subtitle{color:#ffbd59;margin:10px}.interface-description{margin:10px}.interface-container{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}#tiny-text{font-size:10px}.switch-outer{background:#d9d9d9;border-radius:5px;box-shadow:inset 2px 2px 3px rgba(0,0,0,.55),inset -2px -2px 3px rgba(0,0,0,.55);height:150px;justify-content:center;width:300px}.switch-inner,.switch-outer{align-items:center;display:flex}.switch-inner{background:#b8b8b8;border-radius:3px;box-shadow:inset 2px 2px 6px rgba(0,0,0,.55);height:65%;justify-content:flex-start;width:80%}.switch-inner[data-isOn=true]{justify-content:flex-end}.switch-handle{background:#d9d9d9;border-radius:5px;box-shadow:2px 2px 6px rgba(0,0,0,.55),inset 2px 2px 5px 2px rgba(0,0,0,.15),inset -2px -2px 5px 2px rgba(0,0,0,.15);color:#b8b8b8;cursor:pointer;font-size:70px;height:90%;letter-spacing:-9px;margin:4px;text-align:left;text-shadow:inset 2px 2px 4px 2px rgba(0,0,0,.55);-webkit-user-select:none;user-select:none;width:50%}.switch2-outer{background:#d9d9d9;box-shadow:inset 2px 2px 3px rgba(0,0,0,.55),inset -2px -2px 3px rgba(0,0,0,.55);height:100px;justify-content:center;width:300px}.switch2-inner,.switch2-outer{align-items:center;border-radius:60px;display:flex}.switch2-inner{background:#b8b8b8;box-shadow:inset 2px 2px 6px rgba(0,0,0,.55);height:65%;justify-content:flex-start;width:65%}.switch2-inner[data-isOn=true]{justify-content:flex-end}.switch2-handle{background:#d9d9d9;border-radius:50%;box-shadow:6px 0 0 -1px hsla(0,0%,65%,.55),10px 0 0 -2px hsla(0,0%,61%,.55),14px 0 0 -3px hsla(0,0%,56%,.55),18px 0 0 -4px hsla(0,0%,47%,.55),22px 0 0 -5px rgba(99,99,99,.55),26px 0 0 -6px rgba(77,77,77,.55),inset 2px 2px 5px 2px rgba(0,0,0,.15),inset -2px -2px 5px 2px rgba(0,0,0,.15);cursor:pointer;height:80px;margin:0;transition:.05s;-webkit-user-select:none;user-select:none;width:80px}.switch2-handle[data-isOn=true]{box-shadow:-6px 0 0 -1px hsla(0,0%,65%,.55),-10px 0 0 -2px hsla(0,0%,61%,.55),-14px 0 0 -3px hsla(0,0%,56%,.55),-18px 0 0 -4px hsla(0,0%,47%,.55),-22px 0 0 -5px rgba(99,99,99,.55),-26px 0 0 -6px rgba(77,77,77,.55),inset 2px 2px 5px 2px rgba(0,0,0,.15),inset -2px -2px 5px 2px rgba(0,0,0,.15);transition:.05s}.card{border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);flex-direction:column;margin-bottom:10px;margin-top:10px;max-width:90vw;padding-bottom:15px;padding-top:15px;width:97%}.card,.tappy-switch-outer{align-items:center;display:flex;justify-content:center}.tappy-switch-outer{background-color:#d8d8d8;border-radius:6px;height:100px;width:300px}.tappy-switch-inner{align-items:center;background-color:#b8b8b8;border-radius:4px;box-shadow:inset 6px 6px 4px rgba(0,0,0,.15),inset 4px -6px 4px rgba(0,0,0,.15);display:flex;height:80px;justify-content:flex-start;width:280px}.tappy-switch-inner[data-isOn=true]{justify-content:flex-end}.tappy-switch-inner .unselected{color:#818181;margin-left:200px;position:absolute}.tappy-switch-inner .unselected[data-isOn=true]{color:#818181;margin-right:190px}.tappy-switch-handle{align-items:center;background:linear-gradient(90deg,#fff,hsla(0,0%,100%,.5) 50%,#b8b8b8);border-radius:4px;box-shadow:inset 6px 6px 4px rgba(0,0,0,.15),inset 4px -6px 4px rgba(0,0,0,.15),-6px 2px 6px rgba(0,0,0,.55);color:#ff3c2e;cursor:pointer;display:flex;font-size:large;font-weight:700;height:80px;justify-content:center;text-shadow:#ff3c2e 0 0 5px,#666 0 0 1px;-webkit-user-select:none;user-select:none;width:140px}.tappy-switch-handle[data-isOn=true]{background:linear-gradient(270deg,#fff,hsla(0,0%,100%,.5) 50%,#b8b8b8);box-shadow:inset -6px -6px 4px rgba(0,0,0,.15),inset -4px 6px 4px rgba(0,0,0,.15),6px 2px 6px rgba(0,0,0,.55);color:#0f0;text-shadow:#0f0 0 0 5px}#plan{height:auto;width:auto}.webstore_description,.webstore_title{align-items:center;display:flex;flex-direction:column}.webstore_container{background:#d9d9d9;border-radius:10px;box-shadow:inset 4px 4px 2px #9c9c9c;margin:20px auto}@font-face{font-display:swap;font-family:Comfortaa;font-style:normal;font-weight:300;src:local("Comfortaa Light "),local("Comfortaa-Light"),url(/static/media/comfortaa-latin-300.13751da662cc44ba5ef6.woff2) format("woff2"),url(/static/media/comfortaa-latin-300.911ef30768f5a0d12c76.woff) format("woff")}@font-face{font-display:swap;font-family:Comfortaa;font-style:normal;font-weight:400;src:local("Comfortaa Regular "),local("Comfortaa-Regular"),url(/static/media/comfortaa-latin-400.10d0757ad3de00eea8eb.woff2) format("woff2"),url(/static/media/comfortaa-latin-400.1062775ebf53fce58c73.woff) format("woff")}@font-face{font-display:swap;font-family:Comfortaa;font-style:normal;font-weight:500;src:local("Comfortaa Medium "),local("Comfortaa-Medium"),url(/static/media/comfortaa-latin-500.859cde90087a3912ce6f.woff2) format("woff2"),url(/static/media/comfortaa-latin-500.9e80e4165710de6d9044.woff) format("woff")}@font-face{font-display:swap;font-family:Comfortaa;font-style:normal;font-weight:600;src:local("Comfortaa SemiBold "),local("Comfortaa-SemiBold"),url(/static/media/comfortaa-latin-600.dced3d746c67ae98f8aa.woff2) format("woff2"),url(/static/media/comfortaa-latin-600.5d6357a3d8f87d624988.woff) format("woff")}@font-face{font-display:swap;font-family:Comfortaa;font-style:normal;font-weight:700;src:local("Comfortaa Bold "),local("Comfortaa-Bold"),url(/static/media/comfortaa-latin-700.0e88371829b60024844d.woff2) format("woff2"),url(/static/media/comfortaa-latin-700.a5df3229fa6287ff1560.woff) format("woff")}
/*# sourceMappingURL=main.96daadbe.css.map*/