@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);nav{left:0;padding-top:.2rem;position:fixed;top:0;width:100vw;z-index:var(--nav-z)}nav,nav ul{align-items:center;display:flex;justify-content:center}nav ul{background-color:var(--secondary);gap:.6rem;list-style:none;overflow:hidden;padding:.2rem 1.6rem}.navWrapper,nav ul{border-radius:1000px}.navWrapper{background:linear-gradient(-30deg,#fff,var(--primary) 30%,var(--primary-dark));opacity:.4;padding:.2rem;position:relative;transform:scale(.6);transition:all .2s ease}.navWrapper:hover,nav.active .navWrapper{opacity:1;transform:scale(.8)}nav.deactive .navWrapper{opacity:0;pointer-events:none;transform:scale(.6) translateY(-100px)}nav ul li{align-items:center;background:linear-gradient(140deg,var(--primary-dark),var(--primary) 70%,#fff);border-radius:1000px;cursor:pointer;display:flex;height:3.4rem;justify-content:center;mask-image:var(--mask-image);-webkit-mask-image:var(--mask-image);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:2rem;mask-size:2rem;transition:all .1s ease;width:3.4rem}nav ul li.active{background:var(--primary);mask-image:var(--mask-active-image);-webkit-mask-image:var(--mask-active-image);transform:none!important}nav ul li:hover{transform:scale(1.3)}.loadContainer{background-image:url(/static/media/loadingBgrd.4bd4483914d32ae291fa.png);background-repeat:no-repeat;background-size:cover;left:0;position:fixed;top:0;transition:all 1.2s ease-out;z-index:var(--loader-z)}.loadContainer,.loadWrapper{display:flex;height:100vh;width:100vw}.loadWrapper{align-items:center;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);flex-direction:column;gap:2rem;justify-content:center}.loaderIconContainer{display:flex;gap:1rem}.loaderIconContainer img{animation:bounce 2s infinite;height:3rem}.loaderIconContainer img:first-child{animation-delay:0s}.loaderIconContainer img:nth-child(2){animation-delay:.1s}.loaderIconContainer img:nth-child(3){animation-delay:.2s}.loaderIconContainer img:nth-child(4){animation-delay:.3s}.loaderIconContainer img:nth-child(6){animation-delay:.5s}.loaderIconContainer img:nth-child(7){animation-delay:.7s}.loaderIconContainer img:nth-child(8){animation-delay:.8s}.loaderIconContainer img:nth-child(9){animation-delay:.9s;padding:.3rem}.loaderIconContainer span{width:1rem}.loadingBar{background-color:#000;border:1px solid #000;border-radius:100px;width:60vw}.loadingBarInner{background:linear-gradient(-90deg,var(--primary),var(--primary-dark));border-radius:1000px;height:.5rem;transition:all .1s ease;width:0}.loadingText{color:var(--primary)}.loadContainer.hidden{opacity:0;transform:translateY(100%)}.loadContainer.hidden img{animation:none!important}@keyframes bounce{0%,to{transform:translateY(0)}20%,80%{transform:translateY(5px) scale(1.021,.9)}50%{transform:translateY(-20px) scale(.9,1.01)}}.cupContainer{background:linear-gradient(90deg,#000c,#0000 65%);height:100vh;left:0;position:fixed;top:0;transition:all .4s ease-in-out;width:100vw;z-index:var(--html-z)}.cupContainer.hidden{transform:translate(-100%)}.cupContainer.hidden .cupWrapper{transform:translate(20%)}.cupWrapper{align-items:center;display:flex;height:100%;justify-content:center;transform:none;transition:all .4s cubic-bezier(.55,.055,.675,.19);transition-delay:.2s;width:60%}.cupWrapper>div{color:#fff;display:flex;flex-direction:column;gap:1rem}.cupWrapper .name{font-size:6rem;letter-spacing:.45rem;line-height:5rem}.cupWrapper ul{display:flex;gap:2rem;padding:0 1rem}.cupWrapper ul li{align-items:center;background:linear-gradient(140deg,#3a3f49,var(--secondary),#191c21);border-radius:12px;cursor:pointer;display:flex;gap:.4rem;justify-content:center;padding:.6rem;width:150px}.cupWrapper ul a{text-decoration:none}.cupWrapper ul li img{filter:brightness(1.8);height:1.2rem}.cupWrapper ul li:hover{background:linear-gradient(140deg,var(--primary),var(--primary-dark),#002f45);border:none}.scrollContainer{border:2px solid #fff;height:3.4rem;opacity:.6;top:74%;transform:translate(-50%,-50%);width:1.8rem}#scroll-icon,.scrollContainer{border-radius:1000px;left:50%;position:absolute}#scroll-icon{animation:scrollAnim 1.5s infinite;background-color:#fff;height:1.4rem;top:50%;width:1rem}@keyframes scrollAnim{0%,to{transform:translate(-50%,-100%)}50%{transform:translate(-50%)}}.cupWrapper h2,.cupWrapper p{font-size:1.4rem}.cupWrapper h2{font-weight:400;padding:.5rem 1rem}.cupWrapper h2 strong{padding:0 .3rem}.computerContainer{align-items:center;background:linear-gradient(90deg,#0000,#000000b3);display:flex;height:100vh;justify-content:end;opacity:1;position:absolute;right:0;top:0;transition:all .4s ease-in-out;width:100vw;z-index:var(--html-z)}.computerContainer.hidden{opacity:0;right:-100%}.computerWrapper{align-items:center;display:flex;flex-direction:column;gap:1.4rem;justify-content:center;width:50%}.computerWrapper strong{font-size:3rem;letter-spacing:.1rem}.computerWrapper>ul{align-items:center;display:flex;flex-direction:column;position:relative;width:80%}.computerWrapper>ul li{border-bottom:1px solid #fff;overflow:hidden;position:relative;transition:all .4s ease;width:100%}.computerWrapper>ul li.last-item{border:none}.computerWrapper .data{align-items:center;display:flex;gap:.5rem;justify-content:space-between;padding:.8rem 0 .8rem 2.2rem;transition:all .2s ease;width:100%}.computerWrapper .data .name{display:flex;flex:1 1;flex-direction:column;font-size:1.6rem;position:relative;transition:all .2s ease}.computerWrapper .data .name span{font-size:1rem;font-style:italic;padding-right:.5rem;position:absolute;top:150%;transition:all .2s ease}.computerWrapper .data .links{display:flex;flex-direction:column;width:8rem}.computerWrapper .data .links a{align-items:center;display:flex;gap:.5rem;opacity:0;pointer-events:none;text-decoration:none;transform:translateY(30px);transition:all .2s ease}.computerWrapper .data .links img{filter:brightness(1.8);height:1rem}.computerWrapper .tech-imgs{display:flex;gap:.5rem;height:2.2rem;position:absolute;right:2.2rem;top:50%;transform:translateY(-50%);transition:all .2s ease;transition-delay:.02s}.computerWrapper .tech-imgs img{height:100%}.computerWrapper>ul li:hover .tech-imgs{height:6rem}.computerWrapper>ul li:hover .data{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.computerWrapper>ul li:hover a{opacity:1!important;pointer-events:all!important;transform:none!important}.computerWrapper>ul li:hover .name{color:#0000;padding:1.4rem 0}.computerWrapper>ul li:hover .name span{top:50%;transform:translateY(-50%)}.computerWrapper>ul li a:first-child{transition-delay:.1s!important}.computerWrapper>ul li a:nth-child(2){transition-delay:.15s!important}.computerWrapper>ul.android li.web,.computerWrapper>ul.web li.android{opacity:0;pointer-events:none;position:absolute}.alexaContainer{align-items:center;background-image:radial-gradient(circle farthest-corner at center bottom,#0000 55%,#000c);display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw;z-index:var(--html-z)}.alexaContainer.hidden{opacity:0;pointer-events:none}.speechBox{align-items:center;background-color:var(--secondary);border-radius:2rem;display:flex;gap:1rem;justify-content:center;padding:2rem;position:absolute;transform:translate(-50%,-50%);width:600px;z-index:1}.speechBox .imageCover{background:conic-gradient(from 60deg,#05a0d1,#de5d83,#e0b93b,#05a0d1);border-radius:1000px;height:8.2rem;padding:.2rem}.speechBox .imageCover img{aspect-ratio:1;border:3px solid var(--secondary);border-radius:1000px;height:100%}.speechBox .data{align-items:baseline;display:flex;flex-direction:column;gap:.2rem}.speechBox .data span{font-size:.6rem;font-style:italic}.speechBox .speech{padding-bottom:1.4rem;padding-left:2.4rem;padding-top:.2rem;position:relative}.speechBox .icon{aspect-ratio:1;background:linear-gradient(160deg,#fff,var(--primary) 10%,var(--primary-dark));height:1.8rem;left:0;-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAM8aVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA2LjAuMCI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgICAgICAgICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIj4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjY0PC9leGlmOlBpeGVsWURpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjY0PC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT4xPC9leGlmOkNvbG9yU3BhY2U+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDx0aWZmOlhSZXNvbHV0aW9uPjI1NjwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6WVJlc29sdXRpb24+MjU2PC90aWZmOllSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8eG1wOkNyZWF0b3JUb29sPnd3dy5pbmtzY2FwZS5vcmc8L3htcDpDcmVhdG9yVG9vbD4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+Cizy5e0AAAAJcEhZcwAAJ18AACdfAR2GumoAAAIKUExURUdwTAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG3gRFMAAACtdFJOUwBD7VItQP4RAUgD6wiY7xb9zi4U/EIEs3+ODSHGywyX2uREJUkaoKopbPIP9zjdex6kI6nszWuPMtd1Vvs33Gqy9TESt/o227ydAqz01XO7OsDFBu6wkRXjgcSl6CTJBXG0M9i5V75c54VmRyiucA72E5l6GL0izK0sUJN0O+AcX6LlZOqIJgdKK9BusU+2+XjffV4/Y6aHymiMzwtO8y+1+JY0WJs53ny/XT5igAeoTwAAAn1JREFUGBntwQVbk1EYBuCHse37BgxGd5dFq4SCEkoYmNjd3d3d3d3t8x895+ybl9c4r7+A+8aYMTYHEm7gP5L82fsg+xTuJ1njwq5g59a3ZHIdBAlTGFUFm4KXE2gUwyqziTHjYXGynJ4lsKnsZ0zEj9EeBhmzBxY9yYw5uw2juAcZM+t2JkY7vJxGpO/nGljcZ9T2Z4ESWOQsovFjHKxCEWpz56+D3QxqwTwXVikPqHVdhcCZTG0vBA3U6tMgOUStBoKUVCrdGZC4ZVSSHQimUVsBUSe1DkhyqfheQzSfyvQ0CNxUKh8he0plJSTN1HZBNo/KCCSJ1JZB5qMyFZKpVHyQ5QSpbIEkj0oZZGnUEiA5RWURZCeoZUCb6DgO4rRQWQptseM4KYj3lVq4dsrl/TR87TN3TCtEzF0qN8PD35YEqX0oX/vlViAFfwVolX66BMYR2kxYtQCeEAWbMqGtpGA9ou5Q0grtGAWTqmEkUnLRhZJOyQwYVRT5oRRRshTGY4o+QxmgpAzGbIq+Q8ml5F4SND9Fg1BqKSqE1kzRcSg1FPVAq6aoD0opRQug9VK0EEo+RQnQkrIoeQ6lgaI3MMopSYfym6JEGMWUFEGpoug6jJmUDEB5R1EARpiSXChpFM2GkUdJC5ShWZT4YZynpBRaFyXVMOoo6YD2noJuF0YvJYnQ8imYB08yBeOgvaBgDjwLabfahfaLgvHw5NNuEMbELFpFjsLTNp02qZWImkOrUvwVKgoyXntrITwlI5MZb+6GR0n4R+OTC68m0ZNa3HSpEf/KyV4xvJyerPrNV7KvYbShcxmBUMWZtmWwK6jsDFVUbNy9GGPGxPkDmZUoErYVnBAAAAAASUVORK5CYII=);mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAM8aVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA2LjAuMCI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgICAgICAgICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIj4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjY0PC9leGlmOlBpeGVsWURpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjY0PC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT4xPC9leGlmOkNvbG9yU3BhY2U+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDx0aWZmOlhSZXNvbHV0aW9uPjI1NjwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6WVJlc29sdXRpb24+MjU2PC90aWZmOllSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8eG1wOkNyZWF0b3JUb29sPnd3dy5pbmtzY2FwZS5vcmc8L3htcDpDcmVhdG9yVG9vbD4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+Cizy5e0AAAAJcEhZcwAAJ18AACdfAR2GumoAAAIKUExURUdwTAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG3gRFMAAACtdFJOUwBD7VItQP4RAUgD6wiY7xb9zi4U/EIEs3+ODSHGywyX2uREJUkaoKopbPIP9zjdex6kI6nszWuPMtd1Vvs33Gqy9TESt/o227ydAqz01XO7OsDFBu6wkRXjgcSl6CTJBXG0M9i5V75c54VmRyiucA72E5l6GL0izK0sUJN0O+AcX6LlZOqIJgdKK9BusU+2+XjffV4/Y6aHymiMzwtO8y+1+JY0WJs53ny/XT5igAeoTwAAAn1JREFUGBntwQVbk1EYBuCHse37BgxGd5dFq4SCEkoYmNjd3d3d3d3t8x895+ybl9c4r7+A+8aYMTYHEm7gP5L82fsg+xTuJ1njwq5g59a3ZHIdBAlTGFUFm4KXE2gUwyqziTHjYXGynJ4lsKnsZ0zEj9EeBhmzBxY9yYw5uw2juAcZM+t2JkY7vJxGpO/nGljcZ9T2Z4ESWOQsovFjHKxCEWpz56+D3QxqwTwXVikPqHVdhcCZTG0vBA3U6tMgOUStBoKUVCrdGZC4ZVSSHQimUVsBUSe1DkhyqfheQzSfyvQ0CNxUKh8he0plJSTN1HZBNo/KCCSJ1JZB5qMyFZKpVHyQ5QSpbIEkj0oZZGnUEiA5RWURZCeoZUCb6DgO4rRQWQptseM4KYj3lVq4dsrl/TR87TN3TCtEzF0qN8PD35YEqX0oX/vlViAFfwVolX66BMYR2kxYtQCeEAWbMqGtpGA9ou5Q0grtGAWTqmEkUnLRhZJOyQwYVRT5oRRRshTGY4o+QxmgpAzGbIq+Q8ml5F4SND9Fg1BqKSqE1kzRcSg1FPVAq6aoD0opRQug9VK0EEo+RQnQkrIoeQ6lgaI3MMopSYfym6JEGMWUFEGpoug6jJmUDEB5R1EARpiSXChpFM2GkUdJC5ShWZT4YZynpBRaFyXVMOoo6YD2noJuF0YvJYnQ8imYB08yBeOgvaBgDjwLabfahfaLgvHw5NNuEMbELFpFjsLTNp02qZWImkOrUvwVKgoyXntrITwlI5MZb+6GR0n4R+OTC68m0ZNa3HSpEf/KyV4xvJyerPrNV7KvYbShcxmBUMWZtmWwK6jsDFVUbNy9GGPGxPkDmZUoErYVnBAAAAAASUVORK5CYII=);-webkit-mask-size:100%;mask-size:100%;position:absolute;top:-.6rem}.speechBox.left .tail{border-bottom:2.4rem solid #0000;border-left:2rem solid #0000;border-right:2rem solid var(--secondary);border-top:2.4rem solid var(--secondary);position:absolute;right:3rem;top:calc(100% - 3px)}.speechBox.right .tail{border-bottom:3.5rem solid #0000;border-left:2rem solid var(--secondary);border-right:2rem solid #0000;border-top:3.5rem solid var(--secondary);left:7.5rem;position:absolute;top:calc(100% - 3px)}.speechBox.active,.speechBox.hidden{transition:all .6s ease-out}.speechBox.hidden{opacity:0;pointer-events:none}.speechBox.left{left:30%;top:40%}.speechBox.right{left:70%;top:28%}.speechBox.left.hidden{top:50%}.speechBox.right.hidden{top:38%}.alexaContainer .navigation{background-color:var(--secondary);border-radius:1000px;bottom:8%;display:flex;gap:.6rem;left:50%;padding:0 .8rem;position:absolute;transform:translate(-50%,-50%)}.alexaContainer .navigation span{border:2px solid var(--primary);border-radius:100%;height:.8rem;margin:.6rem 0;transition:all .4s ease;width:.8rem}.alexaContainer .navigation span.active{background-color:var(--primary)}.alexaContainer .navigation.hidden{opacity:0}div#modelIcon{align-items:center;background-color:#282c3480;border-radius:1000px;cursor:pointer;display:flex;height:2.6rem;justify-content:center;opacity:.6;overflow:hidden;transform:scale(1);width:2.6rem}div#modelIcon div{background:linear-gradient(140deg,var(--primary-dark),var(--primary) 70%,#fff);border-radius:1000px;height:2rem;mask-image:var(--mask-image);-webkit-mask-image:var(--mask-image);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1.5rem;mask-size:1.5rem;width:2rem}div#modelIcon:hover{background-color:var(--secondary);border:1px solid var(--primary);opacity:1}div#modelIcon.visible{transition:transform .6s cubic-bezier(.55,.055,.675,2);transition-delay:.3s}div#modelIcon.hidden{cursor:default;pointer-events:none;transform:scale(0);transition:all .2s ease}section#computerScreen{border-radius:4px;display:flex;flex-direction:column;height:740px;justify-content:space-between;pointer-events:none;width:1060px}section#computerScreen ul.item-ul{border-radius:30px;height:100%;overflow:hidden;position:relative;width:100%}section#computerScreen ul.item-ul li.proj-item{height:100%;overflow:hidden;position:absolute;width:100%}section#computerScreen li.invisible{opacity:0;top:10%;transition:all .1s ease-out}section#computerScreen li.visible{opacity:1;top:0;transition:all .2s ease-in}section#computerScreen ul.proj-img-ul{display:flex;height:100%;position:relative;width:100%}section#computerScreen img.proj-img{height:100%;left:0;object-fit:contain;opacity:0;padding:0;position:absolute;top:0;transition:all .5s ease;width:100%}section#computerScreen img.proj-img.active{opacity:1}section#androidScreen{border-radius:4px;display:flex;flex-direction:column;height:430px;justify-content:space-between;pointer-events:none;width:200px}section#androidScreen ul.item-ul{border-radius:30px;border-top-left-radius:20px;border-top-right-radius:20px;height:100%;overflow:hidden;position:relative;width:100%}section#androidScreen ul.item-ul li.proj-item{height:100%;overflow:hidden;position:absolute;width:100%}section#androidScreen li.invisible{opacity:0;top:10%;transition:all .1s ease-out}section#androidScreen li.visible{opacity:1;top:0;transition:all .2s ease-in}section#androidScreen ul.proj-img-ul{display:flex;height:100%;position:relative;width:100%}section#androidScreen img.proj-img{height:100%;left:0;object-fit:contain;opacity:0;padding:0;position:absolute;top:0;transition:all .5s ease;width:100%}section#androidScreen img.proj-img.active{opacity:1}section.letterContainer{display:flex;flex-direction:column;height:200px;justify-content:space-between;padding:1rem;width:400px}section.letterContainer.hidden{opacity:.4;pointer-events:none}section.letterContainer>div{color:#000;font-size:.6rem;font-weight:700;text-align:end}section.letterContainer>div i{color:#000;font-weight:400}section.letterContainer strong{-webkit-text-fill-color:#0000;background:linear-gradient(140deg,#4a4a4c,var(--secondary),#080a0b);-webkit-background-clip:text;background-clip:text;margin-bottom:2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}section.letterContainer form{display:flex;flex-direction:column}section.letterContainer form div{align-items:center;display:flex;font-size:.6rem;justify-content:space-between;padding:2px 10px}section.letterContainer form div:last-child{align-items:flex-start;border:1px solid #000}section.letterContainer form div input,section.letterContainer form div textarea{background:none;border:none;border-bottom:1px solid var(--secondary);caret-color:var(--primary);color:var(--primary);font-family:monospace;font-size:.5rem;outline:none;padding:2px 8px;width:100%}section.letterContainer form div input::grammar-error,section.letterContainer form div input::spelling-error,section.letterContainer form div textarea::grammar-error,section.letterContainer form div textarea::spelling-error{-webkit-text-decoration:underline #ff3838;text-decoration:underline #ff3838}section.letterContainer form div input::placeholder,section.letterContainer form div textarea::placeholder{color:var(--secondary);font-family:Inter,sans-serif;font-size:.6rem;font-style:normal}section.letterContainer form div textarea{border:1px solid var(--secondary);height:3.6rem;resize:none}section.letterContainer form button{align-self:flex-end;background:linear-gradient(140deg,#3a3f49,var(--secondary),#191c21);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.6rem;margin:2px 10px;outline:none;padding:2px 18px}section.letterContainer form button:hover{background:linear-gradient(140deg,var(--primary),var(--primary-dark),#002f45)}section#calenderScreen{height:260px;pointer-events:none;transform:translateY(10px);width:440px}section#calenderScreen ul{height:100%;position:relative;width:100%}section#calenderScreen li{background:#ebebf5;display:flex;flex-direction:column;gap:.5rem;height:100%;left:0;overflow:hidden;padding:.8rem;position:absolute;top:0;width:100%}.calenderPage.invisible{opacity:0;transition:all .5s ease}.calenderPage.visible{opacity:1!important;transition:all .5s ease;transition-delay:1s}.calenderPage .calenderContent{border:4px solid var(--primary);color:#000;flex:1 1;font-size:.8rem;margin:1rem;padding:1.2rem 1rem;position:relative}.calenderPage .calenderContent span.date{background-color:#ebebf5;color:var(--primary-dark);font-weight:700;letter-spacing:.05rem;padding:8px 10px;position:absolute}.calenderPage .calenderContent span.calenderStart{left:-6%;top:0;transform:translateY(-50%)}.calenderPage .calenderContent span.calenderEnd{bottom:0;right:-6%;transform:translateY(50%)}.calenderTitle{-webkit-text-fill-color:#0000;background:linear-gradient(0deg,var(--primary),var(--primary-dark));background-clip:text;-webkit-background-clip:text;font-size:1.2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.calenderContent div{color:#000}.calenderContent div span{color:#000;font-weight:700}section#ipadScreen{height:355px;overflow:hidden;pointer-events:none;position:relative;width:265px}section#ipadScreen img{height:100%;left:0;opacity:0;position:absolute;top:0;transition:all 1s ease-in;width:100%}section#ipadScreen img.active{opacity:1}.creditsContainer{background-image:radial-gradient(circle farthest-corner at center,#0000 55%,#000c);height:100vh;left:0;position:absolute;top:0;transition:all .4s ease-in-out;width:100vw;z-index:var(--html-z)}.creditsContainer.hidden{opacity:0;pointer-events:none}.creditsWrapper{align-items:center;display:flex;height:100%;justify-content:space-between;width:100%}.creditsWrapper .left,.creditsWrapper .right{align-items:center;display:flex;flex-direction:column;gap:3rem;height:100%;justify-content:center;left:0;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transition-delay:.2s;width:28%}.creditsContainer.hidden .left{left:-50%}.creditsContainer.hidden .right{left:50%}.creditsWrapper section{display:flex;flex-direction:column;gap:.6rem;padding:0 2rem;width:100%}.creditsWrapper section strong{-webkit-text-fill-color:#0000;background:linear-gradient(-30deg,var(--primary-dark),var(--primary));background-clip:text;-webkit-background-clip:text;font-size:1.8rem;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.creditsWrapper section ul *{color:#000}.creditsWrapper section ul{gap:.4rem}.creditsWrapper section ul,.creditsWrapper section ul li{display:flex;flex-direction:column}.creditsWrapper section ul li .name{font-size:1.1rem;font-weight:700}.creditsWrapper section ul li i{font-size:.9rem;font-weight:400}.creditsWrapper section ul li a{font-size:1rem;font-style:italic;text-decoration:none}.creditsWrapper .right{text-align:right}.creditsWrapper .right strong{align-self:flex-end}.creditsWrapper h2{align-self:flex-start;background:linear-gradient(-30deg,var(--primary-dark),var(--primary));border-bottom-right-radius:1000px;border-top-right-radius:1000px;font-size:2.4rem;padding:1rem 2rem;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.creditsWrapper .mid{align-self:flex-end;color:#000;font-style:italic;padding:2.5rem 0}.resumeContainer{height:100vh;left:0;position:absolute;top:0;transition:all .6s ease;width:100vw;z-index:var(--html-z)}.resumeWrapper a{text-decoration:none}.resumeWrapper{align-items:center;display:flex;gap:.3rem;justify-content:center;left:50%;position:absolute;top:95%;transform:translate(-50%,-50%)}.resumeContainer .btn.download{padding:.6rem;width:150px}.resumeContainer .btn{align-items:center;background:linear-gradient(140deg,#3a3f49,var(--secondary),#191c21);border-radius:12px;cursor:pointer;display:flex;gap:.4rem;justify-content:center}.resumeContainer .btn.navigation{height:2rem;width:2rem}.resumeContainer .btn img{filter:brightness(1.8);height:1.2rem}.resumeContainer .btn.download:hover{background:linear-gradient(140deg,var(--primary),var(--primary-dark),#002f45)}.resumeContainer .btn.disabled{cursor:not-allowed;opacity:.6}.resumeContainer.hidden{opacity:0;pointer-events:none;top:100%}.calenderContainer{align-items:center;background-image:radial-gradient(circle farthest-corner at center bottom,#0000 55%,#000c);display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw;z-index:var(--html-z)}.calenderContainer.hidden{opacity:0;pointer-events:none}.calenderContainer .navigation{background-color:var(--secondary);border-radius:1000px;bottom:8%;display:flex;gap:.6rem;left:50%;padding:0 .8rem;position:absolute;transform:translate(-50%,-50%)}.calenderContainer .navigation span{border:2px solid var(--primary);border-radius:100%;height:.8rem;margin:.6rem 0;transition:all .4s ease;width:.8rem}.calenderContainer .navigation span.active{background-color:var(--primary)}.calenderContainer .navigation .btn{align-items:center;aspect-ratio:1;background-color:var(--secondary);border-radius:40%;cursor:pointer;display:flex;height:80%;justify-content:center;position:absolute;top:50%;transform:translate(-50%,-50%)}.calenderContainer .navigation .b1{left:-1rem}.calenderContainer .navigation .b2{left:calc(100% + 1rem)}.trophiesContainer{background:linear-gradient(-90deg,#000000a6,#0000 50%);display:flex;height:100vh;justify-content:space-between;left:0;position:absolute;top:0;transition:all .4s ease-in-out;width:100vw;z-index:var(--html-z)}.trophiesContainer.hidden{opacity:0;pointer-events:none}.trophiesContainer h2.title{align-self:flex-start;background:linear-gradient(-30deg,var(--primary-dark),var(--primary));border-bottom-right-radius:1000px;border-top-right-radius:1000px;font-size:2.4rem;left:0;margin-top:6rem;padding:1rem 4rem 1rem 2rem;position:relative;transition:all .4s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.trophiesContainer.hidden h2.title{left:-100%}.trophiesContainer .trophiesWrapper{left:0;position:relative;transition:all .4s ease-in-out;width:40%}.trophiesContainer.hidden .trophiesWrapper{left:100%}.trophiesWrapper ul{display:flex;flex-direction:column;gap:3rem;height:100%;padding:8rem 4rem;width:100%}.trophiesWrapper li.achievement-item{display:flex;flex-direction:column;gap:.5rem;position:relative}.trophiesWrapper li.achievement-item span{align-items:center;aspect-ratio:1;background:linear-gradient(-30deg,var(--primary-dark),var(--primary));border-radius:74% 26% 38% 62%/49% 26% 74% 51%;display:flex;font-size:1.4rem;font-weight:700;height:3.2rem;justify-content:center;left:0;position:absolute;top:0;transform:translate(-50%,-40%)}.trophiesWrapper li.achievement-item *{text-align:justify}.trophiesWrapper li.achievement-item h3{color:var(--secondary);font-size:1.4rem;margin-left:2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}*{box-sizing:border-box;color:#fff;font-family:Inter,sans-serif;margin:0;padding:0;-webkit-user-select:none;user-select:none}:root{--primary:#9bdfff;--primary-dark:#016391;--secondary:#282c34;--secondary-transparent:#282c3460;--loader-z:1000;--nav-z:999;--html-z:998}body,html{font-size:16px;overflow:hidden}#root{height:100vh;width:100vw}ul{list-style:none}strong{-webkit-text-fill-color:#0000;background:linear-gradient(160deg,#fff,#9bdfff 10%,#016391);background:linear-gradient(160deg,#fff,var(--primary) 10%,var(--primary-dark));background-clip:text;-webkit-background-clip:text}
/*# sourceMappingURL=main.a7b2ea03.css.map*/