.broken-computer-container *,.broken-computer-container *:after,.broken-computer-container *:before{box-sizing:border-box;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.broken-computer-container .main{font-family:sans-serif;transform:scale(1)}@media (max-width: 768px){.broken-computer-container .main{transform:scale(.9)}}@media (max-width: 576px){.broken-computer-container .main{transform:scale(.8)}}@media (max-width: 500px){.broken-computer-container .main{transform:scale(.7)}}@media (max-width: 420px){.broken-computer-container .main{transform:scale(.65)}}@media (max-width: 400px){.broken-computer-container .main{transform:scale(.6)}}.broken-computer-container .flex{display:flex;justify-content:center;align-items:center}.broken-computer-container .face{position:absolute}.broken-computer-container .screen{width:357.1428571429px;height:248px;transform:translateZ(100px) translateY(-200px) translateZ(50px) rotateX(270deg);background-color:#0072cc;border-radius:4px;box-shadow:0 0 5px #0072cccc,0 0 10px #0072ccb3,0 0 15px #0072cc99,0 0 30px #0072cc80,0 0 70px #0072cc66,0 0 100px #0072cc4d;animation:screen 2s ease-in alternate infinite}.broken-computer-container .keyboard{position:absolute;left:-50px;top:20px}@media (max-width: 1400px){.broken-computer-container .keyboard{left:0}}@media (max-width: 1280px){.broken-computer-container .keyboard{left:20px}}@media (max-width: 1024px){.broken-computer-container .keyboard{left:20%;top:370px}}@media (max-width: 900px){.broken-computer-container .keyboard{left:15%}}@media (max-width: 650px){.broken-computer-container .keyboard{left:10%}}@media (max-width: 576px){.broken-computer-container .keyboard{left:-5%}}@media (max-width: 500px){.broken-computer-container .keyboard{left:-15%}}@media (max-width: 420px){.broken-computer-container .keyboard{left:-20%}}@media (max-width: 400px){.broken-computer-container .keyboard{left:-30%}}.broken-computer-container .keyboard{width:500px;height:160px;transform:perspective(10000px) rotateX(50deg) rotate(-25deg)}.broken-computer-container .keyboard__front{width:500px;height:25px;transform:rotateX(-90deg) translateZ(80px);background-color:#9c9c9c}.broken-computer-container .keyboard__back{width:500px;height:25px;transform:rotateX(90deg) translateZ(80px);background-color:#fffffb}.broken-computer-container .keyboard__top{display:flex;flex-direction:column;justify-content:space-around;width:500px;height:160px;transform:rotateY(0) translateZ(12.5px);background-image:linear-gradient(to bottom,rgb(218.8409090909,241.5454545455,254.1590909091),#343232)}.broken-computer-container .keyboard__bottom{width:500px;height:160px;transform:rotateY(180deg) translateZ(12.5px);background-color:#eae7e5;box-shadow:-20px 40px #0d0c0c,0 40px #0d0c0c,5px 0 #0d0c0c,5px 40px #0d0c0c}.broken-computer-container .keyboard__right{width:25px;height:160px;transform:rotateY(90deg) translateZ(250px);background-color:#fffffb}.broken-computer-container .keyboard__left{width:25px;height:160px;transform:rotateY(90deg) translateZ(-250px);background-color:#eae7e5}.broken-computer-container .keys{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;transform:translateZ(3.75px);padding:0 2px}.broken-computer-container .key{width:30px;height:27px}.broken-computer-container .key--w2{width:60px}.broken-computer-container .key--w3{width:90px}.broken-computer-container .key--w6{width:195px}.broken-computer-container .key{transition:.05s ease}.broken-computer-container .key__front{width:30px;height:15px;transform:rotateX(-90deg) translateZ(13.5px);background-color:#838383}.broken-computer-container .key__front--w2{width:60px}.broken-computer-container .key__front--w3{width:90px}.broken-computer-container .key__front--w6{width:195px}.broken-computer-container .key__back{width:30px;height:15px;transform:rotateX(90deg) translateZ(13.5px);background-color:#fffffb}.broken-computer-container .key__back--w2{width:60px}.broken-computer-container .key__back--w3{width:90px}.broken-computer-container .key__back--w6{width:195px}.broken-computer-container .key__top{width:30px;height:27px;transform:rotateY(0) translateZ(7.5px);background-color:#fffffb;background-image:linear-gradient(to bottom,rgb(243.7613636364,250.8181818182,254.7386363636),#FFFFFB)}.broken-computer-container .key__top--w2{width:60px}.broken-computer-container .key__top--w3{width:90px}.broken-computer-container .key__top--w6{width:195px}.broken-computer-container .key__bottom{width:30px;height:27px;transform:rotateY(180deg) translateZ(7.5px);background-color:#838383}.broken-computer-container .key__bottom--w2{width:60px}.broken-computer-container .key__bottom--w3{width:90px}.broken-computer-container .key__bottom--w6{width:195px}.broken-computer-container .key__right{width:15px;height:27px;transform:rotateY(90deg) translateZ(15px);background-color:#838383}.broken-computer-container .key__right--w2{transform:rotateY(90deg) translateZ(30px)}.broken-computer-container .key__right--w3{transform:rotateY(90deg) translateZ(45px)}.broken-computer-container .key__right--w6{transform:rotateY(90deg) translateZ(97.5px)}.broken-computer-container .key__left{width:15px;height:27px;transform:rotateY(90deg) translateZ(-15px);background-image:linear-gradient(to bottom,rgb(196.75,196.75,196.75),#b8b8b8)}.broken-computer-container .key__left--w2{transform:rotateY(90deg) translateZ(-30px)}.broken-computer-container .key__left--w3{transform:rotateY(90deg) translateZ(-45px)}.broken-computer-container .key__left--w6{transform:rotateY(90deg) translateZ(-97.5px)}.broken-computer-container .face--key-b1{background:#A9DFFD}.broken-computer-container .face--key-b2{background-image:linear-gradient(to bottom,rgb(167,219.6428571429,249.5),#8FD2F8)}.broken-computer-container .face--key-b3{background-color:#426585}.broken-computer-container .face--key-o1{background:#FFA28E}.broken-computer-container .face--key-o2{background-image:linear-gradient(to bottom,rgb(188.2435344828,115.2564655172,118.8168103448),#B46266)}.broken-computer-container .face--key-o3{background-color:#8e3e43}.broken-computer-container .key--down{display:flex;justify-content:center;align-items:center;transform:translateZ(-4px);transition:.05s ease}.broken-computer-container .key--down>.key__top{background:rgb(255,203.9734513274,193)}@keyframes screen{0%,95%,98%{background-color:#0072cc}96%,to{background-color:#8fd2f8cc}}.flickering-text-container span{color:#43b4f3;text-shadow:0px 0px 29px #43b4f3}.flickering-text-container span.flickering{animation:text-flicker 3s linear infinite}.flickering-text-container #offset{animation:letter-flicker 2s linear infinite}@keyframes text-flicker{0%{opacity:.1;text-shadow:0px 0px 29px #43b4f3}2%{opacity:1;text-shadow:0px 0px 29px #43b4f3}8%{opacity:.1;text-shadow:0px 0px 29px #43b4f3}9%{opacity:1;text-shadow:0px 0px 29px #43b4f3}12%{opacity:.1;text-shadow:0px 0px #43b4f3}20%{opacity:1;text-shadow:0px 0px 29px #43b4f3}25%{opacity:.3;text-shadow:0px 0px 29px #43b4f3}30%{opacity:1;text-shadow:0px 0px 29px #43b4f3}70%{opacity:.7;text-shadow:0px 0px 29px #43b4f3}72%{opacity:.2;text-shadow:0px 0px 29px #43b4f3}77%{opacity:.9;text-shadow:0px 0px 29px #43b4f3}to{opacity:.9;text-shadow:0px 0px 29px #43b4f3}}@keyframes letter-flicker{0%{opacity:.1;text-shadow:0px 0px 29px #43b4f3}2%{opacity:.1;text-shadow:0px 0px 29px #43b4f3}4%{opacity:1;text-shadow:0px 0px 29px #43b4f3}19%{opacity:1;text-shadow:0px 0px 29px #43b4f3}21%{opacity:.1;text-shadow:0px 0px 29px #43b4f3}23%{opacity:1;text-shadow:0px 0px 29px #43b4f3}80%{opacity:1;text-shadow:0px 0px 29px #43b4f3}83%{opacity:.4;text-shadow:0px 0px 29px #43b4f3}87%{opacity:1;text-shadow:0px 0px 29px #43b4f3}}.scroll-indicator{transform:translate3d(-50%,0,0);animation:scroll-indicator 1.5s infinite;transition:all cubic-bezier(.8,.1,.27,1);transition-duration:1s;padding:20px;margin-left:100px;z-index:100}.scroll-indicator svg{opacity:1}@keyframes scroll-indicator{0%{transform:translate3d(-50%,0,0)}50%{transform:translate3d(-50%,-10px,0)}to{transform:translate3d(-50%,0,0)}}.highlighted{position:relative}.highlighted:after{content:" ";height:17%;position:absolute;left:0;bottom:-.4rem;margin-left:-.05rem;z-index:-1;width:calc(100% + .2rem);border-radius:1rem}.highlighted.blue:after{background-color:#8fd2f8d2;box-shadow:0 0 5px #8fd2f8cc,0 0 10px #8fd2f8b3,0 0 15px #8fd2f899}.highlighted.red:after{background-color:#ffa38ec7;box-shadow:0 0 5px #ffa38ecc,0 0 10px #ffa38eb3,0 0 15px #ffa38e99}.installing-computer-container *,.installing-computer-container *:after,.installing-computer-container *:before{box-sizing:border-box;transform-style:preserve-3d}.installing-computer-container .main{font-family:sans-serif;transform:scale(1)}@media (max-width: 768px){.installing-computer-container .main{transform:scale(.9)}}@media (max-width: 576px){.installing-computer-container .main{transform:scale(.85)}}@media (max-width: 500px){.installing-computer-container .main{transform:scale(.75)}}@media (max-width: 400px){.installing-computer-container .main{transform:scale(.65)}}.installing-computer-container .flex{display:flex;justify-content:center;align-items:center}@media (min-width: 1024px){.installing-computer-container .face{position:absolute}}.installing-computer-container .screen2{width:384.6153846154px;height:248px;transform:translateZ(100px) translateY(-200px) translateZ(50px) rotateX(275deg) rotate(-4deg) rotateY(10deg);background-color:#0072cc;border-radius:4px;box-shadow:0 0 5px #0072cccc,0 0 10px #0072ccb3,0 0 15px #0072cc99,0 0 30px #0072cc80,0 0 70px #0072cc66,0 0 100px #0072cc4d}@media (min-width: 1024px){.installing-computer-container .keyboard2{position:absolute}}.installing-computer-container .keyboard2{margin-top:200px;margin-right:-10%;margin-bottom:-120px}@media (max-width: 700px){.installing-computer-container .keyboard2{margin-right:5%}}@media (max-width: 600px){.installing-computer-container .keyboard2{margin-right:15%}}@media (max-width: 500px){.installing-computer-container .keyboard2{margin-right:25%}}@media (max-width: 450px){.installing-computer-container .keyboard2{margin-right:30%}}@media (min-width: 1024px){.installing-computer-container .keyboard2{margin-top:0;margin-right:30px;margin-bottom:0;top:350px;right:0}}.installing-computer-container .keyboard2{width:500px;height:160px;transform:perspective(10000px) rotateX(50deg) rotate(25deg)}.installing-computer-container span.spinner{position:absolute;top:20px;left:10px;border:1px solid white;border-radius:50%;transform-origin:-150% -150%;animation:spinner 4.8s linear infinite}.installing-computer-container span.spinner.one{animation-delay:.3s}.installing-computer-container span.spinner.two{animation-delay:.6s}.installing-computer-container span.spinner.three{animation-delay:.9s}.installing-computer-container span.spinner.four{animation-delay:1.2s}.installing-computer-container span.spinner.five{animation-delay:1.5s}@keyframes spinner{0%{transform:rotate(0);opacity:0}8%{opacity:1}25%{transform:rotate(180deg);opacity:1}50%{transform:rotate(360deg);opacity:1}75%{transform:rotate(540deg);opacity:0}74%{opacity:1}to{transform:rotate(720deg);opacity:0}}main{margin:auto;padding:.5rem;width:100%;height:100%;-webkit-perspective:10000px}