:root{--svg: #646b8c;--game-paddle: #404660;--something: #0000;--game-ball: #00a3a3;--controls-text: #000;--controls-icon: #fff;--shadow: #e1e6f9;--text: #000;--background: #fff;--preloader: #fff;--spinner: #00a3a3;--spinner-border: #f3f3f3;--color-888: #888;--switch-slider: #888;--scrollbar-thumb: #888;--scrollbar: #fff;--scrollbar-hover: #4a4a4a;--scrollbar-active: #383838;--button: rgba(227, 227, 227, 0.8);--button-hover: rgba(227, 227, 227, 0.5)}[data-theme="dark"]{--svg: #fff;--game-paddle: #f4f4f4;--game-ball: #fff;--controls-text: #fff;--controls-icon: #000;--shadow: #000;--text: #fff;--background: #222;--preloader: #222;--spinner: #888;--spinner-border: #333;--color-888: #000;--switch-slider: #fff;--scrollbar: #222;--scrollbar-thumb: #2b2b2b;--scrollbar-hover: #363636;--scrollbar-active: #454545;--button: #404040;--buton-hover: #4a4a4a}@font-face{font-family:"Poppins";font-style:normal;font-weight:200;src:url("https://sunilboopalan.github.io/lib/fonts/Poppins-ExtraLight.ttf")}*,*:before,*:after{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;scrollbar-color:#353535 transparent;scrollbar-width:thin;box-sizing:inherit;outline:none}::-webkit-scrollbar{width:6px;background-color:var(--scrollbar);cursor:pointer}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);height:6px;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-hover)}::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-active)}html{height:100%;box-sizing:border-box}main,body{position:relative;height:100%}body{-webkit-font-smoothing:antialiased;font-family:"Poppins";font-size:16px;background-color:var(--background);color:var(--text);line-height:1;word-break:break-all;-webkit-animation:fade 0.5s ease-in;animation:fade 0.5s ease-in;transition:350ms all}@keyframes fade{0%{opacity:0}100%{opacity:1}}.no-js{background:#f44336;font-family:"Poppins";color:#fff;text-align:center;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;justify-content:center;position:fixed;user-select:none;height:100%;width:100%;top:0;left:0;right:0;bottom:0;z-index:999999}a{text-decoration:none;color:var(--text);transition:350ms all}.message{text-align:center;width:100%}main{align-items:center}.message h1{font-size:144px;font-weight:100;margin-bottom:16px;transition:350ms all}@media (max-width: 300px){.message h1{font-size:60px}}.message h2{margin-bottom:24px;word-break:break-word;transition:350ms all}.message h3{font-weight:700;font-size:16px;margin-bottom:32px;word-break:break-word;transition:350ms all}.button{line-height:20px;padding:12px 24px 12px 24px;font-weight:700;display:inline-block;margin:5px;word-break:keep-all;justify-self:left;font-size:14px;font-weight:200;color:var(--text);background:var(--button);text-decoration:none;cursor:pointer;border-radius:4px;transition:350ms all}.button:hover{background:var(--button-hover);color:var(--text)}.preloader{height:100%;width:100%;background:var(--preloader);position:fixed;left:0;top:0;z-index:10000;perspective:1600px;perspective-origin:20% 50%;transition:350ms all;opacity:1}.spinner{width:80px;height:80px;border:2px solid var(--spinner-border);border-top:3px solid var(--spinner);border-radius:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;animation:spin 1s infinite linear}.preloader.fade{opacity:0}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ico{from{transform:rotateY(0)}to{transform:rotateY(360deg)}}.switch,.theme-switch{display:inline-block;height:34px;position:relative;width:60px}li,ul{list-style:none;padding:0}.switch input,.theme-switch input{display:none}.switch-container,.theme-switch-container{position:sticky;top:0}.slider,.slider-switch{background-color:rgba(31,31,31,0.8);bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:0.4s}.slider-switch:before{background-color:var(--switch-slider);bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:0.4s;width:26px}.slider:before{background-color:var(--color-888);bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:0.4s;width:26px}input:checked+.slider,input:checked+.slider-switch{background-color:#888}input:checked+.slider-switch:before,input:checked+.slider:before{transform:translateX(26px);background-color:#fff}.slider-switch.round,.slider.round{border-radius:34px}.slider-switch.round:before,.slider.round:before{border-radius:50%}.easteregg .letter{position:absolute;left:0;right:0;display:flex;justify-content:center;transition:300ms all}.easteregg .letter .body .game{width:360px;height:260px;bottom:0;top:0;background:var(--background);position:relative;margin-top:50px;transition:300ms all;border-radius:5px;box-shadow:inset 0 0 0 1px var(--paper-border)}.easteregg .letter .body .game .headline{position:absolute;left:0;right:0;top:-32px;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center}.shadow{background:var(--shadow);opacity:0;transition:300ms all;pointer-events:none;visibility:hidden;z-index:100;width:100%;height:100%;top:0;bottom:0;left:0;right:0;position:fixed}.easteregg.show-game .shadow{opacity:1;pointer-events:all;visibility:visible}.show-game{margin-left:auto;margin-right:auto}.cta .button{background:transparent;padding:10px;position:fixed;right:0;z-index:99;bottom:0}.cta .button svg{fill:var(--text);transition:300ms all}.cta .button:hover svg{opacity:0.8}.easteregg .letter .body .game .headline span{color:var(--headline-color);font-size:16px;font-weight:600;line-height:24px}.easteregg .letter .body .game .headline .close{cursor:pointer}.easteregg .letter .body .game .headline .close svg{width:20px;height:20px;display:block;fill:var(--svg);padding:2px}.easteregg .letter .body .game .paddle,.easteregg .letter .body .game .ball{top:0;position:absolute;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;-webkit-transform:translate(var(--x, 0), var(--y, 0));transform:translate(var(--x, 0), var(--y, 0))}.easteregg .letter .body .game .paddle{width:6px;height:48px;border-radius:3px;--y: 106px;background:var(--game-paddle)}.easteregg .letter .body .game .paddle.one{left:0}.easteregg .letter .body .game .paddle.two{right:0}.easteregg .letter .body .game .ball{background:var(--game-ball);border-radius:50%;width:16px;height:16px;left:0}.easteregg .letter .body .game .controls{bottom:-80px;left:0;right:0;position:absolute}.easteregg .letter .body .game .controls span{display:block;text-align:center;margin-bottom:12px;font-size:14px;font-weight:500;color:var(--controls-text)}.easteregg .letter .body .game .controls div{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center}.easteregg .letter .body .game .controls div button{width:64px;padding:8px 0;margin:0;background-color:var(--game-ball)}.easteregg .letter .body .game .controls div button:not(:last-child){margin-right:16px}.easteregg .letter .body .game .controls div button svg{width:20px;height:20px;display:block;margin:0 auto;fill:var(--controls-icon)}.easteregg .letter .body .game .start{position:absolute;text-align:center;white-space:nowrap;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:opacity 0.3s;transition:opacity 0.3s}.easteregg .letter .body .game .start small{margin:4px 0 0 0;display:block;font-style:italic;font-size:12px;color:var(--svg)}.easteregg .letter .body .game:not(.idle) .start{opacity:0;pointer-events:none}.easteregg .letter .body .game:not(.init) .ball{opacity:0}.easteregg:not(.show-game) .letter{opacity:0;pointer-events:none;visibility:hidden}.easteregg:not(.show-game) .letter .body .game{opacity:0;pointer-events:none;visibility:hidden}.easteregg .letter .body{opacity:1;transition:300ms all;z-index:2115}.easteregg.hide-game .letter .body{opacity:1}footer{position:absolute !important;bottom:0;left:0;right:0;transition:350ms all;text-align:center}