/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

         @font-face {
         font-family: rainyHearts;
         src: url(fonts/rainyhearts.ttf);
         }
         html, body {
         filter: hue-rotate(-4deg) saturate(100%);
         margin: 0; height: 100%; overflow: hidden;
         }
         * {
         cursor: url("pointer/default/cursor-a.png") -50 80, auto
         -webkit-animation: cursor 800ms linear infinite;
         animation: cursor 800ms linear infinite;
         }
         @-webkit-keyframes ursor {
         0% {cursor: url("pointer/default/cursor-a.png") -50 80, auto;}
         20% {cursor: url("pointer/default/cursor-b.png") -50 80, auto;}
         50% {cursor: url("pointer/default/cursor-c.png") -50 80, auto;}
         80% {cursor: url("pointer/default/cursor-b.png") -50 80, auto;}
         100% {cursor: url("pointer/default/cursor-a.png") -50 80, auto;}
         } 
         @keyframes ursor {
         0% {cursor: url("pointer/default/cursor-a.png") -50 80, auto;}
         20% {cursor: url("pointer/default/cursor-b.png") -50 80, auto;}
         50% {cursor: url("pointer/default/cursor-c.png") -50 80, auto;}
         80% {cursor: url("pointer/default/cursor-b.png") -50 80, auto;}
         100% {cursor: url("pointer/default/cursor-a.png") -50 80, auto;}
         }
         body {
         background-image: url("media/bgs/main/polka-dots.png");
         background-repeat: repeat;
         background-size: cover;
         -webkit-user-select: none;
         }
         #polka-lace {
         background-image: url("media/bgs/main/polka-lace.png");
         background-repeat: repeat-x;
         position: fixed;
         background-size: auto 100%;
         width: 100%;
         height: 1080px;
         z-index: 0;
         margin-top: 400px;
         pointer-events: none;
         filter: contrast(60%) brightness(130%) saturate(0);
         }
         .selector {
         user-drag: none;
         -webkit-user-drag: none;
         user-select: none;
         -moz-user-select: none;
         -webkit-user-select: none;
         -ms-user-select: none;
         }
         #main-container {
         margin: 0;
         display: flex;
         height: 100vh;
         align-items: center;  
         overflow: hidden;
         transform: scale(120%);
         pointer-events: auto;
         }
         .desk {
         width: 95vw;
         height: 80vh;
         margin: 0 auto;
         overflow: hidden;
         background: transparent;
         pointer-events: auto;
         }
         .lowest-index {
         align-items: center;
         position: relative;
         background-image: url("media/desk/pc/pc-melody.webp");
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         margin-top: 50px;
         height: 674px;
         width: 768px;
         z-index: 100;
         pointer-events: none;
         }
         .monitor-stand {
         align-items: center;
         position: absolute;
         background-image: url("media/desk/monitor/monitor-stand.png");
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         height: 674px;
         width: 768px;
         z-index: 600;
         pointer-events: none;
         }
         .monitor-screen {
         align-items: center;
         position: absolute;
         margin: 0 auto;
         margin-top: 87px;
         margin-left: 224px;
         z-index: 550;
         }
         .decor {
         align-items: center;
         position: absolute;
         background-image: url("media/desk/monitor/stand-items.png");
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         height: 674px;
         width: 768px;
         z-index: 700;
         }
         .keyboard {
         align-items: center;
         position: absolute;
         background-image: url("media/desk/keyboard/keyboard-underbase.png");
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         height: 674px;
         width: 768px;
         z-index: 800;
         pointer-events: none;
         }
         #bk00-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #bk00-img {
         pointer-events: none;
         }
         #bk00-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #bk00-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #bk00-svg {
         pointer-events: auto;
         }
         #bk01-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #bk01-img {
         pointer-events: none;
         }
         #bk01-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #bk01-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #bk01-svg {
         pointer-events: auto;
         }
         #bk02-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #bk02-img {
         pointer-events: none;
         }
         #bk02-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #bk02-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #bk02-svg {
         pointer-events: auto;
         }
         #bk03-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #bk03-img {
         pointer-events: none;
         }
         #bk03-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #bk03-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #bk03-svg {
         pointer-events: auto;
         }
         #bk04-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #bk04-img {
         pointer-events: none;
         }
         #bk04-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #bk04-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #bk04-svg {
         pointer-events: auto;
         }
         #bk05-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #bk05-img {
         pointer-events: none;
         }
         #bk05-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #bk05-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #bk05-svg {
         pointer-events: auto;
         }
         #bk06-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #bk06-img {
         pointer-events: none;
         }
         #bk06-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #bk06-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #bk06-svg {
         pointer-events: auto;
         }
         #bk07-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #bk07-img {
         pointer-events: none;
         }
         #bk07-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #bk07-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #bk07-svg {
         pointer-events: auto;
         }
         #bk08-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #bk08-img {
         pointer-events: none;
         }
         #bk08-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #bk08-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #bk08-svg {
         pointer-events: auto;
         }
         #bk09-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #bk09-img {
         pointer-events: none;
         }
         #bk09-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #bk09-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #bk09-svg {
         pointer-events: auto;
         }
         #bk010-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #bk010-img {
         pointer-events: none;
         }
         #bk010-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #bk010-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #bk010-svg {
         pointer-events: auto;
         }
         #wk11-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #wk11-img {
         pointer-events: none;
         }
         #wk11-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #wk11-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #wk11-svg {
         pointer-events: auto;
         }
         #wk12-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #wk12-img {
         pointer-events: none;
         }
         #wk12-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #wk12-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #wk12-svg {
         pointer-events: auto;
         }
         #wk13-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #wk13-img {
         pointer-events: none;
         }
         #wk13-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #wk13-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #wk13-svg {
         pointer-events: auto;
         }
         #wk14-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #wk14-img {
         pointer-events: none;
         }
         #wk14-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #wk14-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #wk14-svg {
         pointer-events: auto;
         }
         #pk15-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #pk15-img {
         pointer-events: none;
         }
         #pk15-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #pk15-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #pk15-svg {
         pointer-events: auto;
         }
         #wk16-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #wk16-img {
         pointer-events: none;
         }
         #wk16-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #wk16-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #wk16-svg {
         pointer-events: auto;
         }
         #pk17-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #pk17-img {
         pointer-events: none;
         }
         #pk17-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #pk17-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #pk17-svg {
         pointer-events: auto;
         }
         #wk18-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #wk18-img {
         pointer-events: none;
         }
         #wk18-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #wk18-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #wk18-svg {
         pointer-events: auto;
         }
         #wk19-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #wk19-img {
         pointer-events: none;
         }
         #wk19-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #wk19-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #wk19-svg {
         pointer-events: auto;
         }
         #wk20-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #wk20-img {
         pointer-events: none;
         }
         #wk20-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #wk20-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #wk20-svg {
         pointer-events: auto;
         }
         #wk21-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #wk21-img {
         pointer-events: none;
         }
         #wk21-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #wk21-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #wk21-svg {
         pointer-events: auto;
         }
         #wk22-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #wk22-img {
         pointer-events: none;
         }
         #wk22-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #wk22-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #wk22-svg {
         pointer-events: auto;
         }
         #pk23-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #pk23-img {
         pointer-events: none;
         }
         #pk23-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #pk23-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #pk23-svg {
         pointer-events: auto;
         }
         #pk24-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #pk24-img {
         pointer-events: none;
         }
         #pk24-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #pk24-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #pk24-svg {
         pointer-events: auto;
         }
         #pk25-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #pk25-img {
         pointer-events: none;
         }
         #pk25-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #pk25-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #pk25-svg {
         pointer-events: auto;
         }
         #pk26-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #pk26-img {
         pointer-events: none;
         }
         #pk26-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #pk26-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #pk26-svg {
         pointer-events: auto;
         }
         #pk27-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #pk27-img {
         pointer-events: none;
         }
         #pk27-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #pk27-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #pk27-svg {
         pointer-events: auto;
         }
         #wk28-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #wk28-img {
         pointer-events: none;
         }
         #wk28-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #wk28-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #wk28-svg {
         pointer-events: auto;
         }
         #wk29-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #wk29-img {
         pointer-events: none;
         }
         #wk29-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #wk29-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #wk29-svg {
         pointer-events: auto;
         }
         #wk30-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #wk30-img {
         pointer-events: none;
         }
         #wk30-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #wk30-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #wk30-svg {
         pointer-events: auto;
         }
         #wk31-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #wk31-img {
         pointer-events: none;
         }
         #wk31-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #wk31-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #wk31-svg {
         pointer-events: auto;
         }
         #wk32-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #wk32-img {
         pointer-events: none;
         }
         #wk32-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #wk32-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #wk32-svg {
         pointer-events: auto;
         }
         #pk33-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #pk33-img {
         pointer-events: none;
         }
         #pk33-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #pk33-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #pk33-svg {
         pointer-events: auto;
         }
         #pk34-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #pk34-img {
         pointer-events: none;
         }
         #pk34-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #pk34-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #pk34-svg {
         pointer-events: auto;
         }
         #pk35-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #pk35-img {
         pointer-events: none;
         }
         #pk35-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #pk35-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #pk35-svg {
         pointer-events: auto;
         }
         #pk36-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #pk36-img {
         pointer-events: none;
         }
         #pk36-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #pk36-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #pk36-svg {
         pointer-events: auto;
         }
         #wk37-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #wk37-img {
         pointer-events: none;
         }
         #wk37-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #wk37-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #wk37-svg {
         pointer-events: auto;
         }
         #wk38-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #wk38-img {
         pointer-events: none;
         }
         #wk38-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #wk38-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #wk38-svg {
         pointer-events: auto;
         }
         #wk40-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #wk40-img {
         pointer-events: none;
         }
         #wk40-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #wk40-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #wk40-svg {
         pointer-events: auto;
         }
         #wk41-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #wk41-img {
         pointer-events: none;
         }
         #wk41-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #wk41-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #wk41-svg {
         pointer-events: auto;
         }
         #wk42-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #wk42-img {
         pointer-events: none;
         }
         #wk42-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #wk42-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #wk42-svg {
         pointer-events: auto;
         }
         #wk43-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #wk43-img {
         pointer-events: none;
         }
         #wk43-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #wk43-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #wk43-svg {
         pointer-events: auto;
         }
         #pk44-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #pk44-img {
         pointer-events: none;
         }
         #pk44-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #pk44-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #pk44-svg {
         pointer-events: auto;
         }
         #pk45-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #pk45-img {
         pointer-events: none;
         }
         #pk45-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #pk45-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #pk45-svg {
         pointer-events: auto;
         }
         #pk46-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #pk46-img {
         pointer-events: none;
         }
         #pk46-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #pk46-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #pk46-svg {
         pointer-events: auto;
         }
         #wk47-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #wk47-img {
         pointer-events: none;
         }
         #wk47-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #wk47-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #wk47-svg {
         pointer-events: auto;
         }
         #bk48-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #bk48-img {
         pointer-events: none;
         }
         #bk48-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #bk48-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #bk50-svg {
         pointer-events: auto;
         }
         #bk50-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #bk50-img {
         pointer-events: none;
         }
         #bk50-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #bk50-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #bk50-svg {
         pointer-events: auto;
         }
         #pk51-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #pk51-img {
         pointer-events: none;
         }
         #pk51-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #pk51-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #pk51-svg {
         pointer-events: auto;
         }
         #wk52-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #wk52-img {
         pointer-events: none;
         }
         #wk52-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #wk52-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #wk52-svg {
         pointer-events: auto;
         }
         #bk53-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #bk53-img {
         pointer-events: none;
         }
         #bk53-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #bk53-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #bk53-svg {
         pointer-events: auto;
         }
         #bk54-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #bk54-img {
         pointer-events: none;
         }
         #bk54-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #bk54-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #bk54-svg {
         pointer-events: auto;
         }
         #bk55-button {
         align-items: center;
         position: absolute;
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         top: 0px;
         left: 0px;
         height: 674px;
         width: 768px;
         z-index: 800; 
         pointer-events: none;
         }
         #bk55-img {
         pointer-events: none;
         }
         #bk55-button {
         pointer-events: none;
         background: none;
         border: none;
         padding: 0;
         }
         #bk55-button:active {
         transform: translateY(4px) translateX(-0px);
         }
         #bk55-svg {
         pointer-events: auto;
         }
         .keyboard-front {
         align-items: center;
         position: absolute;
         background-image: url("media/desk/keyboard/keyboard-front.png");
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         height: 674px;
         width: 768px;
         z-index: 800;
         pointer-events: none;
         }
         .tablet-screen {
         align-items: center;
         position: absolute;
         margin: 0 auto;
         top: 366px;
         left: 117px;
         z-index: 850;
         perspective: 500px;
         perspective-origin: 200px 300px;    
         }
         .tablet-html {
         width: 310px;
         height: 280px;
         transform: rotateX(22deg) rotateY(8deg) rotateZ(341deg);
         transform-style: preserve-3d;
         }
         .tablet-wingpad {
         align-items: center;
         position: absolute;
         background-image: url("media/desk/tablet/tablet-wingpad.png");
         background-size: cover;
         background-repeat: no-repeat;
         margin: 0 auto;
         height: 674px;
         width: 768px;
         z-index: 900;
         pointer-events: none;
         }
         .winged-border {
         background-color: transparent;
         border: 60px solid;
         border-image: url("media/borders/winged-border.png") 300 repeat;
         border-radius: 40px;
         box-sizing: content-box;
         display: flex;
         position: relative;
         top: -35px;
         margin-left: -35px;
         height: 624px;
         width: 718px;
         z-index: 1000;
         pointer-events: none;
         }
         #support {
         display: grid;
         place-items: center start; 
         align-items: flex-start;
         font-family: rainyHearts;
         position: absolute;
         color: black;
         background-color: white;
         border-image: url("media/borders/test-border.png")300 repeat;
         border-style: solid;
         margin: 0 auto;
         margin-left: 10px;
         margin-top: 10px;
         height: 45px;
         width: 448px;
         z-index: 9999;
         pointer-events: all;
         }
         .support-text {
         margin-top: 3px;
         margin-left: 10px;
         pointer-events: all;
         }
         .support-link:visited {
         color: #d4bbca;
         background-color: transparent;
         text-decoration: none;
         pointer-events: all;
         }
         .support-link:hover {
         color: #d4bbca;
         background-color: transparent;
         text-decoration: underline;
         pointer-events: all;
         }
         .support-link:active, .support-link:link {
         color: black;
         background-color: transparent;
         text-decoration: underline;
         pointer-events: all;
         }