.puzzle-game{width:100%}.game-canvas p{margin:0}.game-canvas .game-state{width:fit-content;background-color:var(--primary-dark);color:var(--primary-light);padding:.5rem;font-weight:700;font-size:1.2rem;margin:1rem auto;border-radius:.5rem}.game-canvas .container{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;padding:.5rem;border-radius:.5rem;align-items:center;justify-content:center;background-color:var(--primary-dark)}.game-canvas .container .toggle{background-color:#add8e6;width:56px;height:56px;aspect-ratio:1/1;border-radius:50%;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 50px 20px #0000001a;line-height:1}.game-canvas .container .toggle:has(.input:checked){background-color:#009fd4;transition:ease-in .5s}.game-canvas .container .toggle:not(:has(.input:checked)){background-color:#000;transition:ease-in .5s}.game-canvas .container .input{display:none}.game-canvas .container .icon{grid-column:1/1;grid-row:1/1;transition:transform .5s}.game-canvas .container .icon--moon{transition-delay:.2s}.game-canvas .container .icon--sun{transform:scale(0)}.game-canvas .container .input:checked+.icon--moon{transform:rotate(360deg) scale(0)}.game-canvas .container .input:checked~.icon--sun{transition-delay:.2s;transform:scale(1) rotate(360deg)}.game-canvas .btn-pannel{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center}.game-canvas .btn-pannel .mix-btn{color:var(--primary-light);cursor:pointer;border:1px solid var(--primary-light);border-radius:4px;padding:.8em 2em;background:var(--primary-dark);transition:.2s}.game-canvas .btn-pannel .mix-btn:hover{color:var(--primary-dark);transform:translate(-.25rem,-.25rem);border:1px solid var(--primary-dark);background:var(--primary-light);box-shadow:.25rem .25rem var(--primary-dark)}.game-canvas .btn-pannel .mix-btn:active{transform:translate(0);box-shadow:none}:root{--primary-light: #e4ebf5;--primary-dark: #555555;--top-left-shadow: #c8d0e7;--bottom-right-shadow: #ffffff;--background-color: var(--primary-light);--text-color: #000000}body.dark-theme{--primary-light: #555555;--primary-dark: #e4ebf5;--top-left-shadow: #00000033;--bottom-right-shadow: #ffffff1a;--background-color: var(--primary-light);--text-color: #ffffff}.gomoku-board{display:flex;flex-direction:column;align-items:center}.gomoku-board .status{border-radius:1rem;box-shadow:inset .2rem .2rem .5rem var(--top-left-shadow),inset -.2rem -.2rem .5rem var(--bottom-right-shadow);margin-top:1rem;margin-bottom:1rem;padding:10px;width:150px;text-align:center;font-weight:700}.gomoku-board .board-wrapper{position:relative}.gomoku-board .board-wrapper canvas{display:block;z-index:1}.gomoku-board .board-wrapper .forbidden-move-marker{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:not-allowed}.gomoku-board .board-wrapper .forbidden-move-marker img{width:80%;height:80%}.gomoku-board .board-wrapper .last-move-marker{position:absolute;display:flex;align-items:center;justify-content:center;width:10px;height:10px;background-color:green;border-radius:50%;border:2px green solid}.gomoku-board .board-wrapper .overlay{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;border-radius:1rem;background-color:#ffffff80;z-index:2;cursor:not-allowed}.gomoku-board .board-wrapper .overlay img{width:80%;height:auto;border-radius:1rem;opacity:.6}.gomoku-board .pannel-label{font-size:1.2rem;font-weight:700;margin-top:10px;margin-bottom:10px}.gomoku-board .button-pannel{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}.gomoku-board .ai-type-control-wrapper{display:flex;justify-content:space-between;align-items:center;width:80%;max-width:24rem}.gomoku-board .ai-type-control-wrapper .ai-type-control{margin-left:auto;margin-right:auto;width:100%;height:3rem;box-shadow:.3rem .3rem .6rem var(--top-left-shadow),-.2rem -.2rem .5rem var(--bottom-right-shadow);border-radius:1rem;display:flex;align-items:center;position:relative}.gomoku-board .ai-type-control-wrapper .ai-type-control input{display:none}.gomoku-board .ai-type-control-wrapper .ai-type-control a{text-decoration:none}.gomoku-board .ai-type-control-wrapper .ai-type-control>input:checked+label{transition:all .5s ease}.gomoku-board .ai-type-control-wrapper .ai-type-control .ai-type-control__1,.gomoku-board .ai-type-control-wrapper .ai-type-control .ai-type-control__2{width:50%;height:2.6rem;font-size:1.2rem;font-weight:700;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--text-color);transition:all .5s ease}.gomoku-board .ai-type-control-wrapper .ai-type-control .ai-type-control__color{position:absolute;height:calc(100% - .6rem);width:calc(50% - .3rem);margin-left:.3rem;border-radius:.8rem;box-shadow:inset .2rem .2rem .5rem var(--top-left-shadow),inset -.2rem -.2rem .5rem var(--bottom-right-shadow);pointer-events:none;transition:transform .3s cubic-bezier(.645,.045,.355,1)}.gomoku-board .ai-type-control-wrapper #ai-tab-1:checked~.ai-type-control__color{transform:translate(0)}.gomoku-board .ai-type-control-wrapper #ai-tab-2:checked~.ai-type-control__color{transform:translate(100%)}.gomoku-board .rule-type-control-wrapper{display:flex;justify-content:space-between;align-items:center;width:80%;max-width:24rem}.gomoku-board .rule-type-control-wrapper .rule-type-control{margin-left:auto;margin-right:auto;width:100%;height:3rem;box-shadow:.3rem .3rem .6rem var(--top-left-shadow),-.2rem -.2rem .5rem var(--bottom-right-shadow);border-radius:1rem;display:flex;align-items:center;position:relative}.gomoku-board .rule-type-control-wrapper .rule-type-control input{display:none}.gomoku-board .rule-type-control-wrapper .rule-type-control a{text-decoration:none}.gomoku-board .rule-type-control-wrapper .rule-type-control>input:checked+label{transition:all .5s ease}.gomoku-board .rule-type-control-wrapper .rule-type-control .rule-type-control__1,.gomoku-board .rule-type-control-wrapper .rule-type-control .rule-type-control__2{width:50%;height:2.6rem;font-size:1.2rem;font-weight:700;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--text-color);transition:all .5s ease}.gomoku-board .rule-type-control-wrapper .rule-type-control .rule-type-control__color{position:absolute;height:calc(100% - .6rem);width:calc(50% - .3rem);margin-left:.3rem;border-radius:.8rem;box-shadow:inset .2rem .2rem .5rem var(--top-left-shadow),inset -.2rem -.2rem .5rem var(--bottom-right-shadow);pointer-events:none;transition:transform .3s cubic-bezier(.645,.045,.355,1)}.gomoku-board .rule-type-control-wrapper #rule-tab-1:checked~.rule-type-control__color{transform:translate(0)}.gomoku-board .rule-type-control-wrapper #rule-tab-2:checked~.rule-type-control__color{transform:translate(100%)}.gomoku-board #restart{cursor:pointer;text-align:center;width:fit-content;margin-top:10px}.gomoku-board #restart .btn{border-radius:1rem}.gomoku-board .ai-play{cursor:pointer;text-align:center;width:fit-content;margin-top:10px;display:flex;align-items:center;justify-content:center}.gomoku-board .ai-play .btn{border-radius:1rem}.gomoku-board .btn{box-shadow:.3rem .3rem .6rem var(--top-left-shadow),-.2rem -.2rem .5rem var(--bottom-right-shadow);padding:10px;border:0;background-color:var(--primary-light);color:var(--text-color);font-family:Quicksand,sans-serif;font-weight:700}.gomoku-board .btn:active{box-shadow:inset .2rem .2rem .5rem var(--top-left-shadow),inset -.2rem -.2rem .5rem var(--bottom-right-shadow)}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-kAwBdRge.woff2) format("woff2"),url(/assets/material-icons-Dr0goTwe.woff) format("woff")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-outlined-DZhiGvEA.woff2) format("woff2"),url(/assets/material-icons-outlined-BpWbwl2n.woff) format("woff")}.material-icons-outlined{font-family:Material Icons Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Round;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-round-DrirKXBx.woff2) format("woff2"),url(/assets/material-icons-round-BDlwx-sv.woff) format("woff")}.material-icons-round{font-family:Material Icons Round;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Sharp;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-sharp-gidztirS.woff2) format("woff2"),url(/assets/material-icons-sharp-CH1KkVu7.woff) format("woff")}.material-icons-sharp{font-family:Material Icons Sharp;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Two Tone;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-two-tone-DuNIpaEj.woff2) format("woff2"),url(/assets/material-icons-two-tone-B7wz7mED.woff) format("woff")}.material-icons-two-tone{font-family:Material Icons Two Tone;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}.tts-container{margin-top:1rem;display:flex;flex-direction:column;align-items:center}.tts-container .tts-input textarea{width:18rem;min-width:10rem;max-width:30rem;min-height:5rem;border:none;border-radius:1rem;font-size:1.4rem;padding:1rem;box-shadow:inset .2rem .2rem .5rem var(--top-left-shadow),inset -.2rem -.2rem .5rem var(--bottom-right-shadow);background:none;font-family:inherit;color:var(--greyDark)}.tts-container .tts-input textarea::placeholder{color:var(--greyLight-3)}.tts-container .tts-input textarea:focus{outline:none;box-shadow:.3rem .3rem .6rem var(--top-left-shadow),-.2rem -.2rem .5rem var(--bottom-right-shadow)}.tts-container .tts-options{display:flex;justify-content:space-between;align-items:center}.tts-container .tts-options .voice-control{margin:1rem auto;padding:.3rem;width:18rem;height:6rem;box-shadow:.3rem .3rem .6rem var(--top-left-shadow),-.2rem -.2rem .5rem var(--bottom-right-shadow);border-radius:1rem;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:.3rem;position:relative}.tts-container .tts-options .voice-control input{display:none}.tts-container .tts-options .voice-control label{display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:1.2rem;font-weight:700;color:var(--text-color);transition:all .3s ease;border-radius:1rem}.tts-container .tts-options .voice-control label:hover{background:var(--primary-light)}.tts-container .tts-options .voice-control_color{position:absolute;height:3rem;width:5.8rem;border-radius:.7rem;box-shadow:inset .2rem .2rem .5rem var(--top-left-shadow),inset -.2rem -.2rem .5rem var(--bottom-right-shadow);background:transparent;pointer-events:none;transform:translate(.3rem,.3rem);transition:transform .3s ease-in-out}.tts-container .tts-options #voice-1:checked~.voice-control_color{transform:translate(.3rem,.3rem)}.tts-container .tts-options #voice-2:checked~.voice-control_color{transform:translate(6.3rem,.3rem)}.tts-container .tts-options #voice-3:checked~.voice-control_color{transform:translate(12.5rem,.3rem)}.tts-container .tts-options #voice-4:checked~.voice-control_color{transform:translate(.3rem,3.3rem)}.tts-container .tts-options #voice-5:checked~.voice-control_color{transform:translate(6.3rem,3.3rem)}.tts-container .tts-options #voice-6:checked~.voice-control_color{transform:translate(12.5rem,3.3rem)}.tts-container .tts-controls{display:flex;font-size:16px}.tts-container .tts-controls .button{display:inline-flex;justify-content:center;align-items:center;box-shadow:.3rem .3rem .6rem var(--top-left-shadow),-.2rem -.2rem .5rem var(--bottom-right-shadow);padding:1rem;border-radius:1rem;width:30px;height:30px;margin:0 1rem}.tts-container .tts-controls .button:active{box-shadow:inset .2rem .2rem .5rem var(--top-left-shadow),inset -.2rem -.2rem .5rem var(--bottom-right-shadow)}.tts-container .tts-controls .button svg{fill:var(--text-color)}.tts-container .tts-controls .download-button{display:inline-flex;justify-content:center;align-items:center}.tts-container .tts-controls .download-button svg{width:120%;height:120%}.tts-container .tts-controls .download-button.disabled{pointer-events:none;opacity:.5;cursor:not-allowed;box-shadow:inset .2rem .2rem .5rem var(--top-left-shadow),inset -.2rem -.2rem .5rem var(--bottom-right-shadow)}.tts-container .tts-controls .tts-play-button.loading{display:flex;justify-content:center;align-items:center}.tts-container .tts-controls .spinner{width:20px;height:20px;border:3px solid rgba(0,0,0,0);border-top:3px solid #000;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bar-fill{0%{width:0}}@-webkit-keyframes bar-fill{0%{width:0}}@-moz-keyframes bar-fill{0%{width:0}}@-o-keyframes bar-fill{0%{width:0}}.tts-statistic-page{width:100%;height:auto;padding:20px}.tts-statistic-page .divider{width:100%;height:8px;border-radius:1rem;box-shadow:.3rem .3rem .6rem var(--top-left-shadow),-.2rem -.2rem .5rem var(--bottom-right-shadow);margin-bottom:1rem}.tts-statistic-page .center-title{width:100%;text-align:center;font-weight:700;font-size:larger}.tts-statistic-page ul{margin:0;padding:0;list-style:none}.tts-statistic-page li{margin:0;padding:0}.tts-statistic-page .bar-graph{margin:1rem 0}.tts-statistic-page .bar-wrap{margin-bottom:.5rem;padding:5px 1rem;display:grid;grid-template-columns:1fr 7fr;gap:1rem;align-items:center;border-radius:.6rem;box-shadow:inset .2rem .2rem .5rem var(--top-left-shadow),inset -.2rem -.2rem .5rem var(--bottom-right-shadow)}.tts-statistic-page .bar-first{display:flex;width:20%}.tts-statistic-page .bar-second{-moz-animation:bar-fill 1s;-webkit-animation:bar-fill 1s;-ms-animation:bar-fill 1s;animation:bar-fill 1s;background-color:var(--primary-dark);display:flex;border-radius:7px;height:10px}.tts-statistic-page .global-stats,.tts-statistic-page .language-stats{margin-bottom:20px;display:flex;flex-direction:column;align-items:center;justify-content:start}.tts-statistic-page .global-stats .stats-container{width:100%}.tts-statistic-page .global-stats .stats-container .first-ul li{font-weight:700}.tts-statistic-page .global-stats .stats-container .first-ul li span{font-weight:400}.tts-statistic-page .language-stats .language-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;gap:1rem;margin-top:1rem;width:100%}.tts-statistic-page .language-stats .language-grid .language-card{padding:20px;border-radius:1rem;box-shadow:.3rem .3rem .6rem var(--top-left-shadow),-.2rem -.2rem .5rem var(--bottom-right-shadow)}.tts-statistic-page .language-stats .language-grid .language-card .language-name{font-size:larger;font-weight:700}@media (max-width: 960px){.tts-statistic-page .language-stats .language-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.tts-statistic-page .language-stats .language-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.tts-statistic-page .language-stats .language-grid{grid-template-columns:repeat(1,1fr)}}:root{--primary-light: #e4ebf5;--primary-dark: #555555;--top-left-shadow: #c8d0e7;--bottom-right-shadow: #ffffff;--github-theme: #ffffff;--github-text: #000000;--github-divider: rgb(242, 242, 242);--github-codeblock: #f6f8fa;--background-color: var(--primary-light);--text-color: #000000}body.dark-theme{--primary-light: #555555;--primary-dark: #e4ebf5;--top-left-shadow: #00000033;--bottom-right-shadow: #ffffff1a;--github-theme: #0d1117;--github-text: #ffffff;--github-divider: #555555;--github-codeblock: #151b23;--background-color: var(--primary-light);--text-color: #ffffff}html{width:100%;height:100%}body{margin:10px;width:calc(100% - 20px);min-height:calc(100% - 20px);display:flex;flex-direction:column;background:var(--background-color);color:var(--text-color);font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.footer{margin:0;padding:10px;display:flex;flex-direction:column;justify-content:center;text-align:center}.footer a{text-decoration:none;color:var(--text-color);font-weight:900;font-size:larger}.navbar-container{display:flex;justify-content:center}.navbar-container .navbar{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:24rem}.navbar-container .navbar .segmented-control{margin-left:auto;margin-right:auto;width:100%;height:3rem;box-shadow:.3rem .3rem .6rem var(--top-left-shadow),-.2rem -.2rem .5rem var(--bottom-right-shadow);border-radius:1rem;display:flex;align-items:center;position:relative}.navbar-container .navbar .segmented-control input{display:none}.navbar-container .navbar .segmented-control a{text-decoration:none}.navbar-container .navbar .segmented-control>input:checked+label{transition:all .5s ease}.navbar-container .navbar .segmented-control__1,.navbar-container .navbar .segmented-control__2,.navbar-container .navbar .segmented-control__3,.navbar-container .navbar .segmented-control__4{width:25%;height:2.6rem;font-size:1.2rem;font-weight:700;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--text-color);transition:all .5s ease}.navbar-container .navbar .segmented-control__1 a,.navbar-container .navbar .segmented-control__2 a,.navbar-container .navbar .segmented-control__3 a,.navbar-container .navbar .segmented-control__4 a{all:unset;cursor:pointer}.navbar-container .navbar .segmented-control__color{position:absolute;height:calc(100% - .6rem);width:calc(25% - .15rem);margin-left:.3rem;border-radius:.8rem;box-shadow:inset .2rem .2rem .5rem var(--top-left-shadow),inset -.2rem -.2rem .5rem var(--bottom-right-shadow);pointer-events:none;transition:transform .3s cubic-bezier(.645,.045,.355,1)}.navbar-container .navbar #tab-1:checked~.segmented-control__color{transform:translate(0)}.navbar-container .navbar #tab-2:checked~.segmented-control__color{transform:translate(100%)}.navbar-container .navbar #tab-3:checked~.segmented-control__color{transform:translate(200%)}.navbar-container .navbar #tab-4:checked~.segmented-control__color{transform:translate(300%)}.home-page .home-grid{padding:40px 0;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:280px 280px 280px 280px;grid-gap:1rem}.home-page .home-grid .box{box-shadow:.3rem .3rem .6rem var(--top-left-shadow),-.2rem -.2rem .5rem var(--bottom-right-shadow);overflow:hidden;border-radius:1rem;-webkit-user-select:none;user-select:none;will-change:transform;transition:.3s ease;display:flex;align-items:center;justify-content:center;flex-direction:column}.home-page .home-grid .box:active{box-shadow:inset .2rem .2rem .5rem var(--top-left-shadow),inset -.2rem -.2rem .5rem var(--bottom-right-shadow)}.home-page .home-grid .box.box-intro{position:relative;order:1;padding:20px;box-shadow:inset .2rem .2rem .5rem var(--top-left-shadow),inset -.2rem -.2rem .5rem var(--bottom-right-shadow);align-items:start}.home-page .home-grid .box.box-intro span{font-family:Modak,sans-serif;font-weight:400;font-style:normal;font-size:40px;color:var(--text-color)}.home-page .home-grid .box.box-intro .resume-btn{box-shadow:.3rem .3rem .6rem var(--top-left-shadow),-.2rem -.2rem .5rem var(--bottom-right-shadow);padding:.2rem;border-radius:.7rem;position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center}.home-page .home-grid .box.box-intro .resume-btn a{text-decoration:none;color:inherit}.home-page .home-grid .box.box-intro .resume-btn a .tooltip-container{--background: #333333;--color: #e8e8e8;position:relative;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1);font-size:18px;font-weight:600;color:var(--color);padding:0;border-radius:8px;text-transform:uppercase;height:40px;width:40px;display:grid;place-items:center;box-sizing:border-box}.home-page .home-grid .box.box-intro .resume-btn a .text{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;place-items:center;transform-origin:-100%;transform:scale(1);transition:all .4s cubic-bezier(.23,1,.32,1)}.home-page .home-grid .box.box-intro .resume-btn a .tooltip-container span:last-child{position:absolute;top:0%;left:100%;width:100%;height:100%;border-radius:8px;opacity:1;background-color:var(--primary-light);z-index:-1;transform:scale(0);transform-origin:0;transition:all .4s cubic-bezier(.23,1,.32,1);display:grid;place-items:center}.home-page .home-grid .box.box-intro .resume-btn a .tooltip{position:absolute;top:0;left:50%;transform:translate(-50%);padding:.3em .6em;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.23,1,.32,1);background:var(--primary-dark);z-index:-1;border-radius:8px;scale:0;transform-origin:0 0;text-transform:capitalize;font-weight:700;font-size:16px;font-family:Courier New,Courier,monospace;box-shadow:#00000040 0 8px 15px;color:var(--primary-light)}.home-page .home-grid .box.box-intro .resume-btn a .tooltip:before{position:absolute;content:"";height:.6em;width:.6em;top:.6em;left:100%;transform:translate(-50%) rotate(45deg);background:var(--primary-dark)}.home-page .home-grid .box.box-intro .resume-btn a .tooltip-container:hover .tooltip{left:-130%;top:.2em;opacity:1;visibility:visible;pointer-events:auto;scale:1;animation:shake .5s ease-in-out both}.home-page .home-grid .box.box-intro .resume-btn a .tooltip-container:hover{box-shadow:#00000040 0 8px 15px;color:#fff;border-color:transparent}.home-page .home-grid .box.box-intro .resume-btn a .tooltip-container:hover span:last-child{transform:scale(1);left:0}.home-page .home-grid .box.box-intro .resume-btn a .tooltip-container:hover .text{opacity:0;top:0%;left:100%;transform:scale(0)}@keyframes shake{0%{rotate:0}25%{rotate:7deg}50%{rotate:-7deg}75%{rotate:1deg}to{rotate:0}}.home-page .home-grid .box.box-github{order:2}.home-page .home-grid .box.box-github .circle{position:relative;grid-column:2/3;grid-row:4/6;width:9rem;height:100%;justify-self:center;border-radius:1rem;display:grid;grid-template-rows:1fr;justify-items:center;align-items:center}.home-page .home-grid .box.box-github .circle__profile{grid-row:1/2;grid-column:1/2;width:6rem;height:6rem;display:flex;margin:.6rem;justify-content:center;align-items:center;border-radius:50%;font-size:3.2rem;z-index:300;background:var(--primary-light);box-shadow:.3rem .3rem .6rem var(--top-left-shadow),-.2rem -.2rem .5rem var(--bottom-right-shadow);cursor:pointer;position:relative}.home-page .home-grid .box.box-github .circle__profile.shadow{box-shadow:inset .2rem .2rem .5rem var(--top-left-shadow),inset -.2rem -.2rem .5rem var(--bottom-right-shadow)}.home-page .home-grid .box.box-github .circle__profile img{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:transform .3s ease}.home-page .home-grid .box.box-github .circle .circle{position:relative;width:150px;height:150px;border-radius:50%;display:flex;justify-content:center;align-items:center;overflow:hidden}.home-page .home-grid .box.box-github .circle__expand-btn{position:absolute;bottom:10px;left:10px;width:30px;height:30px;border-radius:50%;background-color:var(--primary-dark);color:var(--top-left-shadow);border:none;cursor:pointer;font-size:18px;display:flex;justify-content:center;align-items:center;z-index:2;overflow:hidden}.home-page .home-grid .box.box-github .circle__expand-btn img{width:180%;height:180%;object-fit:contain;transform:translateY(-.5px)}.home-page .home-grid .box.box-github .circle__label{position:absolute;bottom:10px;left:25px;height:30px;width:45px;background-color:var(--primary-dark);color:var(--top-left-shadow);font-size:14px;border:none;transform:scaleX(0);transform-origin:left;transition:transform .5s ease;display:flex;align-items:center;padding-left:20px;z-index:1}.home-page .home-grid .box.box-github .circle__label:after{content:"";position:absolute;top:0;right:-14px;width:30px;height:30px;border-radius:50%;background-color:var(--primary-dark);clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%);transform:scaleX(0);transition:transform .5s ease}.home-page .home-grid .box.box-github .circle__back-1,.home-page .home-grid .box.box-github .circle__back-2{grid-row:1/2;grid-column:1/2;width:6rem;height:6rem;border-radius:50%;filter:blur(1px);z-index:100}.home-page .home-grid .box.box-github .circle__back-1{box-shadow:.4rem .4rem .8rem var(--bottom-right-shadow),-.4rem -.4rem .8rem var(--top-left-shadow);background:linear-gradient(to bottom right,var(--bottom-right-shadow) 0%,var(--top-left-shadow) 100%);animation:waves 4s linear infinite}.home-page .home-grid .box.box-github .circle__back-1.paused{animation-play-state:paused}.home-page .home-grid .box.box-github .circle__back-2{box-shadow:.4rem .4rem .8rem var(--bottom-right-shadow),-.4rem -.4rem .8rem var(--top-left-shadow);animation:waves 4s linear 2s infinite}.home-page .home-grid .box.box-github .circle__back-2.paused{animation-play-state:paused}.home-page .home-grid .box.box-github:hover .circle__profile img{transform:scale(1.1)}@keyframes waves{0%{transform:scale(1);opacity:1}50%{opacity:1}to{transform:scale(2);opacity:0}}.home-page .home-grid .box.box-github .img-container{position:absolute;bottom:.5rem;left:.5rem;width:25px;height:25px}.home-page .home-grid .box.box-github .img-container img{position:inherit;width:100%;height:100%;border-radius:50%}.home-page .home-grid .box.box-skills{order:3;box-shadow:inset .2rem .2rem .5rem var(--top-left-shadow),inset -.2rem -.2rem .5rem var(--bottom-right-shadow);display:flex;align-items:center;justify-content:center}.home-page .home-grid .box.box-skills .skills-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;width:90%;height:90%;justify-items:center;align-items:center;padding:10px}.home-page .home-grid .box.box-skills .skills-grid img{width:60px;height:60px;object-fit:contain;transition:transform .2s ease}.home-page .home-grid .box.box-skills .skills-grid img:hover{transform:scale(1.1)}.home-page .home-grid .box.box-light{order:4;box-shadow:inset .2rem .2rem .5rem var(--top-left-shadow),inset -.2rem -.2rem .5rem var(--bottom-right-shadow)}.home-page .home-grid .box.box-light .switch{grid-column:1/2;display:flex;justify-self:center}.home-page .home-grid .box.box-light .switch input{display:none}.home-page .home-grid .box.box-light .switch__1{width:6rem;position:relative}.home-page .home-grid .box.box-light .switch__1 label{display:flex;align-items:center;width:100%;height:3rem;box-shadow:.3rem .3rem .6rem var(--top-left-shadow),-.2rem -.2rem .5rem var(--bottom-right-shadow);background:var(--primary-dark);position:relative;cursor:pointer;border-radius:1.6rem}.home-page .home-grid .box.box-light .switch__1 label:after{content:"";position:absolute;left:.4rem;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--primary-light);transition:all .2s ease;z-index:2}.home-page .home-grid .box.box-light .switch__1 label:before{content:"";width:100%;height:100%;border-radius:inherit;background:var(--primary-dark);opacity:0;transition:all .2s ease}.home-page .home-grid .box.box-light .switch__1 .circle-frame{position:absolute;top:50%;transform:translateY(-50%);right:.4rem;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--secondary-light);z-index:1;display:flex;align-items:center;justify-content:center;transition:transform .4s ease;object-fit:contain}.home-page .home-grid .box.box-light .switch__1 .circle-frame svg{width:100%;height:auto}.home-page .home-grid .box.box-light .switch input:checked~label:before{opacity:1}.home-page .home-grid .box.box-light .switch input:checked~label:after{left:57%;background:var(--primary-light)}.home-page .home-grid .box.box-light .switch input:checked~.circle-frame{transform:translateY(-50%) translate(-3rem)}.home-page .home-grid .box.box-linkedin{order:5;background-color:#6886c5}.home-page .home-grid .box.box-linkedin svg{transition:transform .3s ease}.home-page .home-grid .box.box-linkedin:hover svg{transform:scale(1.4)}.home-page .home-grid .box.box-project{order:6;box-shadow:inset .2rem .2rem .5rem var(--top-left-shadow),inset -.2rem -.2rem .5rem var(--bottom-right-shadow);padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;gap:1rem}.home-page .home-grid .box.box-project .divider{width:90%;height:8px;border-radius:1rem;background-color:var(--primary-light);box-shadow:.3rem .3rem .6rem var(--top-left-shadow),-.2rem -.2rem .5rem var(--bottom-right-shadow);margin:10px 0;transition:width .3s ease,height .3s ease}.home-page .home-grid .box.box-project .content{text-align:center}.home-page .home-grid .box.box-project .content .project-preview{box-shadow:.3rem .3rem .6rem var(--top-left-shadow),-.2rem -.2rem .5rem var(--bottom-right-shadow);position:relative;display:inline-block;max-width:80%;border-radius:10px;overflow:hidden;padding:10px}.home-page .home-grid .box.box-project .content .project-preview:active{box-shadow:inset .2rem .2rem .5rem var(--top-left-shadow),inset -.2rem -.2rem .5rem var(--bottom-right-shadow)}.home-page .home-grid .box.box-project .content .project-preview img{display:block;width:100%;height:auto;transition:transform .3s ease,box-shadow .3s ease;border-radius:10px}.home-page .home-grid .box.box-project .content .project-preview img:hover{transform:scale(1.05)}.home-page .home-grid .box.box-about{order:7;padding:20px;text-align:center}.home-page .home-grid .box.box-about p span{font-weight:700;font-size:larger}.home-page .home-grid .box.box-about em{font-weight:700;font-size:smaller}.home-page .home-grid .box.box-about:hover{font-size:1.1em}.home-page .home-grid .box.box-mail{order:8;box-shadow:inset .2rem .2rem .5rem var(--top-left-shadow),inset -.2rem -.2rem .5rem var(--bottom-right-shadow);display:flex;flex-direction:column;align-items:center;justify-content:start;max-height:300px;padding:1rem;overflow-y:auto;background-color:var(--primary-light);-ms-overflow-style:none;scrollbar-width:none}.home-page .home-grid .box.box-mail::-webkit-scrollbar{display:none}.home-page .home-grid .box.box-mail .mail-form{display:flex;flex-direction:column;align-items:center;width:80%}.home-page .home-grid .box.box-mail .mail-form input,.home-page .home-grid .box.box-mail .mail-form textarea{width:100%;margin-bottom:1rem;border:1px solid var(--top-left-shadow);border-radius:.5rem;background-color:var(--primary-light);color:var(--text-color);font-size:1rem;transition:border-color .3s ease}.home-page .home-grid .box.box-mail .mail-form input:focus,.home-page .home-grid .box.box-mail .mail-form textarea:focus{border-color:var(--primary-dark);outline:none}.home-page .home-grid .box.box-mail .mail-form textarea{resize:vertical;min-height:100px}.home-page .home-grid .box.box-mail .mail-form .send-button{box-shadow:.3rem .3rem .6rem var(--top-left-shadow),-.2rem -.2rem .5rem var(--bottom-right-shadow);padding:.75rem;margin-bottom:1rem;font-size:1rem;font-weight:700;background-color:var(--primary-light);color:var(--text-color);border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}.home-page .home-grid .box.box-mail .mail-form .send-button:hover{background-color:var(--primary-dark);color:var(--primary-light)}.home-page .home-grid .box-2w{grid-column:span 2}.home-page .home-grid .box-2h{grid-row:span 2}.about-page{padding:40px 0;max-width:1200px;margin:0 auto;font-family:Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;color:var(--github-text)}.about-page .tab-nav{border-top-right-radius:.5rem;border-top-left-radius:.5rem;background-color:var(--github-theme);border-bottom:1px grey solid;font-size:smaller;padding:0 8px;height:50px;display:flex;align-items:center}.about-page .tab-nav .tab-ul{list-style-type:none;padding:0;margin:0;display:flex;gap:1rem;position:relative}.about-page .tab-nav .tab-ul li a{padding:6px 8px;cursor:pointer}.about-page .tab-nav .tab-ul li a svg{margin-right:.5rem}.about-page .tab-nav .selection-indicator{position:absolute;bottom:-17px;left:0;height:3px;width:0;background-color:#f78166;transition:all .3s ease}.about-page .tab-nav .tab-ul li.active a~.selection-indicator{left:0;background-color:#f78166}.about-page .content{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;padding:20px;background-color:var(--github-theme)}.about-page .content .flag{height:1.5rem;vertical-align:middle}.about-page .content .selfie-container{width:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center}.about-page .content .selfie-container .face-pic{line-height:3.5px}.about-page .content .name{font-family:Modak,sans-serif;font-weight:400;font-style:normal;font-size:40px}.about-page .content .strong{font-weight:700;font-size:larger}.about-page .content .small-font{font-size:.7em}.about-page .content a{text-decoration:none;background:linear-gradient(to right,red,orange,#ff0,green,#00f,indigo,violet);background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:grad-animation 5s linear infinite}@keyframes grad-animation{0%{background-position:0% 50%}to{background-position:-200% 50%}}.about-page .content .hidden-wrapper{display:flex;flex-direction:row;align-items:center;width:fit-content;position:relative;padding-left:2px;background-color:var(--github-theme);border-radius:.3em;transition:background-color .3s ease}.about-page .content .hidden-wrapper .icon{position:absolute;z-index:1;color:var(--primary-dark);transition:opacity .3s ease}.about-page .content .hidden{visibility:hidden;opacity:0;transition:visibility .3s ease,opacity .3s ease,color .3s ease}.about-page .content .hidden-wrapper:hover{background-color:transparent}.about-page .content .hidden-wrapper:hover .hidden{visibility:visible;opacity:1}.about-page .content .hidden-wrapper:hover .icon{opacity:0}.about-page .content h2{margin-bottom:0}.about-page .content .divider{width:100%;height:2px;border-radius:1rem;background-color:var(--github-divider);margin-top:.2rem;margin-bottom:1rem;transition:width .3s ease,height .3s ease}.about-page .content ul li,.about-page .content ol li{margin:0 auto;margin-bottom:.2rem}.about-page .content .narrow-li{margin:0}.about-page .content .code-block{font-family:Consolas,Courier New,monospace;font-size:1em;width:auto;white-space:nowrap;background-color:var(--github-codeblock);margin-top:.2rem;padding:1rem;overflow-x:auto;overflow-y:hidden}.about-page .content .scroll-top{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border:1px white solid;border-radius:.3rem}.about-page .content .collapse-container.expanded{height:fit-content}.about-page .content .collapse-container{position:relative;display:flex;flex-direction:column;width:100%;height:10rem;overflow-y:hidden;border:2px var(--primary-dark) solid;border-radius:.5rem;box-sizing:border-box}.about-page .content .collapse-container .collapse-trigger{position:absolute;bottom:0;display:flex;align-items:center;justify-content:center;width:100%;background-color:var(--github-theme);border-top:2px var(--primary-dark) solid;z-index:1}.about-page .content .collapse-container .collapse-trigger .svg-wrapper svg{width:1rem;height:1rem}.about-page .content .collapse-container .collapse-trigger .svg-wrapper svg path{stroke:var(--primary-dark)}.about-page .content .collapse-container .collapse-trigger .svg-wrapper{transform:rotate(180deg);transition:transform .5s ease}.about-page .content .collapse-container .collapse-trigger .svg-wrapper.rotated{transform:rotate(0);transition:transform .5s ease}.about-page .content .collapse-container .skills-grid{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;width:100%;padding-bottom:2rem;box-sizing:border-box}.about-page .content .collapse-container .skills-grid .cell{display:grid;grid-template-columns:auto 50px 50px;box-sizing:border-box;border-right:1px var(--primary-dark) solid;border-bottom:1px var(--primary-dark) solid}.about-page .content .collapse-container .skills-grid .cell:nth-child(4n){border-right:none}.about-page .content .collapse-container .skills-grid .cell .language-name{display:flex;align-items:center;justify-content:start;height:100%;padding-left:.5rem;box-sizing:border-box}.about-page .content .collapse-container .skills-grid .cell .language-name span{border-radius:.5rem;background-color:#b8b8b8;padding:.1rem .4rem}.about-page .content .collapse-container .skills-grid .cell .proficiency{height:100%;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-color)}.about-page .content .collapse-container .skills-grid .cell .logo{height:100%;display:flex;align-items:center;justify-content:center;padding:.5rem;box-sizing:border-box}.about-page .content .terms-policies-content{display:flex;flex-direction:column;align-items:center;text-align:center}.about-page .content .terms-policies-content .description{width:80%;max-width:1200px;text-align:start}.about-page .content .terms-policies-content .description .game-container{width:100%;padding:.5rem;box-sizing:border-box}.about-page .content .game-container{width:100%}.project-page{padding:40px 0;max-width:1200px;margin:0 auto}.project-page .grid-container{width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,auto);gap:1rem}.project-page .grid-container .project-stemma{display:grid;grid-template-columns:2fr 1fr;gap:1rem;position:relative}.project-page .grid-container .project-stemma button{position:absolute;bottom:.5rem;right:.5rem;width:30px;height:30px;--button_radius: .75em;--button_outline_color: #000000;font-size:17px;font-weight:700;border:none;cursor:pointer;border-radius:var(--button_radius);background:var(--primary-dark);margin:0;padding:0;box-sizing:border-box}.project-page .grid-container .project-stemma button .button_top{position:absolute;top:0;width:30px;height:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--primary-dark);border-radius:var(--button_radius);padding:.2rem;background:var(--primary-light);color:var(--button_outline_color);transform:translateY(-.1rem);transition:transform .1s ease;box-sizing:border-box}.project-page .grid-container .project-stemma button .button_top svg{fill:var(--primary-dark)!important}.project-page .grid-container .project-stemma button:hover .button_top{transform:translateY(-.3rem)}.project-page .grid-container .project-stemma button:active .button_top{transform:translateY(0)}.project-page .grid-container .project-stemma .card{min-width:300px;width:100%;height:350px;background:#d3d3d3;overflow:hidden;display:flex;flex-direction:column;padding:.5rem;border-radius:.5rem;box-sizing:border-box}.project-page .grid-container .project-stemma .card .nav-pannel{display:flex;width:100%;margin-bottom:.5rem}.project-page .grid-container .project-stemma .card .nav-pannel .circles,.project-page .grid-container .project-stemma .card .nav-pannel .browser{height:30px;display:flex;align-items:center}.project-page .grid-container .project-stemma .card .nav-pannel .circles{width:20%;gap:8px;box-sizing:border-box;padding-left:10px}.project-page .grid-container .project-stemma .card .nav-pannel .circles .c{width:9px;height:9px;border-radius:50%;box-shadow:inset 2px 2px 5px #ebebeb5b}.project-page .grid-container .project-stemma .card .nav-pannel .circles .c:first-child{background-color:red}.project-page .grid-container .project-stemma .card .nav-pannel .circles .c:nth-child(2){background-color:#cca704}.project-page .grid-container .project-stemma .card .nav-pannel .circles .c:last-child{background-color:green}.project-page .grid-container .project-stemma .card .nav-pannel .browser{width:80%;padding:5px;gap:10px}.project-page .grid-container .project-stemma .card .nav-pannel .browser .chevrons{display:flex}.project-page .grid-container .project-stemma .card .nav-pannel .browser .search-bar{position:relative;border:.5px solid black;border-radius:5px;padding:5px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:10px;color:#585858;box-shadow:inset 2px 2px 2px #05050525}.project-page .grid-container .project-stemma .card .nav-pannel .browser .search-bar .search-span{position:absolute;bottom:.2rem;left:.2rem;font-size:.5rem;font-weight:700}.project-page .grid-container .project-stemma .card .nav-pannel .browser .search-bar svg{position:absolute;left:10px;cursor:pointer}.project-page .grid-container .project-stemma .card .nav-pannel .browser .search-bar svg:hover{transform:scale(1.5)}.project-page .grid-container .project-stemma .card .nav-pannel .browser .search-bar svg:active{transform:scale(1.3)}.project-page .grid-container .project-stemma .card .content{width:100%;height:100%;border-radius:.5rem;overflow:hidden}.project-page .grid-container .project-stemma .card .content img{width:100%;object-fit:contain;border-radius:.5rem}.project-page .grid-container .project-stemma .details{width:100%;display:flex;flex-direction:column;gap:.5rem}.project-page .grid-container .project-stemma .details .skills-stack{display:flex;flex-direction:column;gap:.2rem;margin-top:.5rem}.project-page .grid-container .project-stemma .details .skills-stack img{height:2.5rem}.project-page .grid-container .project-stemma .details .description p{margin:0;padding:0}.project-page .grid-container .project-stemma .details .description p .logo-link{position:relative;cursor:pointer;font-weight:700;background:linear-gradient(to right,#3498db,#9b59b6,#9b59b6,#3498db);background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:text-animation 2s linear infinite}.project-page .grid-container .project-stemma .details .description p .logo-link:hover{font-size:larger;animation:text-animation .5s linear infinite}@keyframes text-animation{0%{background-position:0% 50%}to{background-position:-200% 50%}}.project-page .grid-container .project-stemma .details .description p .logo-link .search-icon{width:.5rem;height:.5rem;vertical-align:top}.project-page .grid-container .project-stemma .details .description p .logo-link svg{fill:var(--primary-dark)!important}.project-page .grid-container .project-stemma .details .description p .logo-link svg path{stroke:var(--primary-dark)!important}.project-page .grid-container .project-stemma .details .description p .logo-link img.inline{height:1rem;vertical-align:bottom}.project-page .grid-container .project-stemma .details .description .description-span2{display:flex;flex-direction:row;gap:.5rem}.project-page .grid-container .project-stemma .details .description .description-span2 img{width:8rem}.project-page .grid-container .project-webarcade{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:start}.project-page .grid-container .project-webarcade button{position:absolute;bottom:.5rem;right:.5rem;width:30px;height:30px;--button_radius: .75em;--button_outline_color: #000000;font-size:17px;font-weight:700;border:none;cursor:pointer;border-radius:var(--button_radius);background:var(--primary-dark);margin:0;padding:0;box-sizing:border-box}.project-page .grid-container .project-webarcade button .button_top{position:absolute;top:0;width:30px;height:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--primary-dark);border-radius:var(--button_radius);padding:.2rem;background:var(--primary-light);color:var(--button_outline_color);transform:translateY(-.1rem);transition:transform .1s ease;box-sizing:border-box}.project-page .grid-container .project-webarcade button .button_top svg{fill:var(--primary-dark)!important}.project-page .grid-container .project-webarcade button:hover .button_top{transform:translateY(-.3rem)}.project-page .grid-container .project-webarcade button:active .button_top{transform:translateY(0)}.project-page .grid-container .project-webarcade .card{--primary-clr: #1c204b;--dot-clr: #bbc0ff;--play: hsl(195, 74%, 62%);width:100%;height:fit-content;border-radius:10px;font-family:Arial;color:#fff;display:grid;cursor:pointer;grid-template-rows:50px 1fr}.project-page .grid-container .project-webarcade .card:hover .img-section{transform:translateY(1em)}.project-page .grid-container .project-webarcade .card .img-section{transition:.2s cubic-bezier(.25,.46,.45,.94);border-top-left-radius:10px;border-top-right-radius:10px;background:#56c2e6}.project-page .grid-container .project-webarcade .card .card-desc{border-radius:10px;padding:15px;position:relative;top:-10px;display:grid;gap:10px;background:var(--primary-clr)}.project-page .grid-container .project-webarcade .card .card-image,.project-page .grid-container .project-webarcade .card .card-image img{width:100%}.project-page .grid-container .project-webarcade .card .card-header{display:flex;align-items:center;width:100%}.project-page .grid-container .project-webarcade .card .card-title{flex:1;font-size:.9em;font-weight:500}.project-page .grid-container .project-webarcade .card .card-menu{display:flex;gap:4px;margin-inline:auto}.project-page .grid-container .project-webarcade .card svg{float:right;max-width:100%;max-height:100%}.project-page .grid-container .project-webarcade .card .dot{width:5px;height:5px;border-radius:50%;background:var(--dot-clr)}.project-page .grid-container .project-webarcade .details{width:100%}.project-page .grid-container .project-webarcade .details .skills-stack{display:flex;flex-direction:column;gap:.2rem;margin-top:.5rem}.project-page .grid-container .project-webarcade .details .skills-stack img{height:2.5rem}.project-page .grid-container .project-numberrecognition{position:relative;display:flex;flex-direction:row;gap:1rem;justify-content:start;box-sizing:border-box;padding:1rem}.project-page .grid-container .project-numberrecognition .left-tab{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:fit-content}.project-page .grid-container .project-numberrecognition .left-tab .card{position:relative;width:300px;height:200px;background-color:#f2f2f2;border-radius:10px;display:flex;align-items:start;justify-content:center;overflow:hidden;perspective:1000px;box-shadow:0 0 0 5px #ffffff80;transition:all .6s cubic-bezier(.175,.885,.32,1.275);box-sizing:border-box}.project-page .grid-container .project-numberrecognition .left-tab .card img{width:100%;height:auto}.project-page .grid-container .project-numberrecognition .left-tab .card:hover{transform:scale(1.05);box-shadow:0 8px 16px #fff3}.project-page .grid-container .project-numberrecognition .left-tab .card:hover .card__content{transform:rotateX(0)}.project-page .grid-container .project-numberrecognition .left-tab .card:hover svg{scale:0}.project-page .grid-container .project-numberrecognition .left-tab .card__content{position:absolute;top:0;left:0;width:100%;height:100%;padding:20px;box-sizing:border-box;background-color:#f2f2f2;transform:rotateX(-90deg);transform-origin:bottom;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.project-page .grid-container .project-numberrecognition .left-tab .card__title{margin:0;font-size:24px;color:#333;font-weight:700}.project-page .grid-container .project-numberrecognition .left-tab .card__description{margin:10px 0 0;font-size:14px;color:#777;line-height:1.4}.project-page .grid-container .project-numberrecognition .right-tab{display:flex;flex-direction:column;width:100%}.project-page .grid-container .project-numberrecognition .right-tab .skills-stack{display:flex;flex-direction:column;gap:.2rem;margin-top:.5rem}.project-page .grid-container .project-numberrecognition .right-tab .skills-stack img{height:2.5rem}.project-page .grid-container .project-numberrecognition .right-tab .description{margin-top:1rem}.project-page .grid-container .project-numberrecognition button{position:absolute;bottom:.5rem;right:.5rem;width:30px;height:30px;--button_radius: .75em;--button_outline_color: #000000;font-size:17px;font-weight:700;border:none;cursor:pointer;border-radius:var(--button_radius);background:var(--primary-dark);margin:0;padding:0;box-sizing:border-box}.project-page .grid-container .project-numberrecognition button .button_top{position:absolute;top:0;width:30px;height:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--primary-dark);border-radius:var(--button_radius);padding:.2rem;background:var(--primary-light);color:var(--button_outline_color);transform:translateY(-.1rem);transition:transform .1s ease;box-sizing:border-box}.project-page .grid-container .project-numberrecognition button .button_top svg{fill:var(--primary-dark)!important}.project-page .grid-container .project-numberrecognition button:hover .button_top{transform:translateY(-.3rem)}.project-page .grid-container .project-numberrecognition button:active .button_top{transform:translateY(0)}.project-page .grid-container .project-gomoku{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:start}.project-page .grid-container .project-gomoku button{position:absolute;bottom:.5rem;right:.5rem;width:30px;height:30px;--button_radius: .75em;--button_outline_color: #000000;font-size:17px;font-weight:700;border:none;cursor:pointer;border-radius:var(--button_radius);background:var(--primary-dark);margin:0;padding:0;box-sizing:border-box;z-index:1}.project-page .grid-container .project-gomoku button .button_top{position:absolute;top:0;width:30px;height:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--primary-dark);border-radius:var(--button_radius);padding:.2rem;background:var(--primary-light);color:var(--button_outline_color);transform:translateY(-.1rem);transition:transform .1s ease;box-sizing:border-box}.project-page .grid-container .project-gomoku button .button_top svg{fill:var(--primary-dark)!important}.project-page .grid-container .project-gomoku button:hover .button_top{transform:translateY(-.3rem)}.project-page .grid-container .project-gomoku button:active .button_top{transform:translateY(0)}.project-page .grid-container .project-gomoku .card{position:relative;width:100%;background-image:linear-gradient(163deg,#00ff75,#3700ff);border-radius:1rem;transition:all .3s;box-shadow:.3rem .3rem .6rem var(--top-left-shadow),-.2rem -.2rem .5rem var(--bottom-right-shadow);display:flex;justify-content:center;align-items:center}.project-page .grid-container .project-gomoku .card:hover{box-shadow:0 0 30px 1px #00ff754d}.project-page .grid-container .project-gomoku .card .card2{width:99%;height:99%;border-radius:.5rem;transition:all .2s}.project-page .grid-container .project-gomoku .card .card2:hover{transform:scaleX(.99) scaleY(.99);border-radius:.8rem}.project-page .grid-container .project-gomoku .card .card2 .inner-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;box-sizing:border-box;overflow:hidden}.project-page .grid-container .project-gomoku .card .card2 .inner-content img{width:100%;height:99%;border-radius:.8rem}.project-page .grid-container .project-gomoku .details{position:relative;display:flex;flex-direction:column;width:100%;height:100%}.project-page .grid-container .project-gomoku .details .skills-stack{display:flex;flex-direction:column;gap:.2rem;margin-top:.5rem}.project-page .grid-container .project-gomoku .details .skills-stack img{height:2.5rem}.project-page .grid-container .project-fruitninja{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:start}.project-page .grid-container .project-fruitninja button{position:absolute;bottom:.5rem;right:.5rem;width:30px;height:30px;--button_radius: .75em;--button_outline_color: #000000;font-size:17px;font-weight:700;border:none;cursor:pointer;border-radius:var(--button_radius);background:var(--primary-dark);margin:0;padding:0;box-sizing:border-box}.project-page .grid-container .project-fruitninja button .button_top{position:absolute;top:0;width:30px;height:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--primary-dark);border-radius:var(--button_radius);padding:.2rem;background:var(--primary-light);color:var(--button_outline_color);transform:translateY(-.1rem);transition:transform .1s ease;box-sizing:border-box}.project-page .grid-container .project-fruitninja button .button_top svg{fill:var(--primary-dark)!important}.project-page .grid-container .project-fruitninja button:hover .button_top{transform:translateY(-.3rem)}.project-page .grid-container .project-fruitninja button:active .button_top{transform:translateY(0)}.project-page .grid-container .project-fruitninja .card{position:relative;width:100%;aspect-ratio:2/1.5;background:linear-gradient(-45deg,#3498db,#9b59b6);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;transition:all .6s cubic-bezier(.23,1,.32,1);padding:.5rem;padding-bottom:0;box-sizing:border-box}.project-page .grid-container .project-fruitninja .card .front{position:relative;display:flex;flex-direction:column;width:100%;height:100%}.project-page .grid-container .project-fruitninja .card .front img.preview{width:100%;border-radius:.5rem;transition:all .6s cubic-bezier(.23,1,.32,1)}.project-page .grid-container .project-fruitninja .card .front span{display:flex;flex-direction:row;align-items:center;justify-content:start;flex:1;font-size:1rem;font-weight:700}.project-page .grid-container .project-fruitninja .card .front img.flip-icon{position:absolute;bottom:0;right:0;width:20px;height:20px}.project-page .grid-container .project-fruitninja .card:hover{transform:rotate(-5deg) scale(1.1);box-shadow:0 10px 20px #0003}.project-page .grid-container .project-fruitninja .card:hover .front{scale:0;transform:rotate(-45deg)}.project-page .grid-container .project-fruitninja .card:hover .card__content{transform:translate(-50%,-50%) rotate(0);opacity:1}.project-page .grid-container .project-fruitninja .card .card__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:100%;height:100%;padding:.5rem;box-sizing:border-box;background-color:#fff;opacity:0;transition:all .6s cubic-bezier(.23,1,.32,1)}.project-page .grid-container .project-fruitninja .card .card__content .card__title{margin:0;font-size:1rem;color:#333;font-weight:700}.project-page .grid-container .project-fruitninja .card .card__content .card__description{margin:0;font-size:.9rem;color:#777;line-height:1.2;font-weight:700}.project-page .grid-container .project-fruitninja .skills-stack{display:flex;flex-direction:column;gap:.2rem;margin-top:.5rem}.project-page .grid-container .project-fruitninja .skills-stack img{height:2.5rem}.project-page .grid-container .project-cacatua{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.project-page .grid-container .project-cacatua button{position:absolute;bottom:.5rem;right:.5rem;width:30px;height:30px;--button_radius: .75em;--button_outline_color: #000000;font-size:17px;font-weight:700;border:none;cursor:pointer;border-radius:var(--button_radius);background:var(--primary-dark);margin:0;padding:0;box-sizing:border-box}.project-page .grid-container .project-cacatua button .button_top{position:absolute;top:0;width:30px;height:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--primary-dark);border-radius:var(--button_radius);padding:.2rem;background:var(--primary-light);color:var(--button_outline_color);transform:translateY(-.1rem);transition:transform .1s ease;box-sizing:border-box}.project-page .grid-container .project-cacatua button .button_top svg{fill:var(--primary-dark)!important}.project-page .grid-container .project-cacatua button:hover .button_top{transform:translateY(-.3rem)}.project-page .grid-container .project-cacatua button:active .button_top{transform:translateY(0)}.project-page .grid-container .project-cacatua .preview-container{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 auto}.project-page .grid-container .project-cacatua .preview-container .title{font-weight:700;font-size:1.5rem}.project-page .grid-container .project-cacatua .preview-container .glow-card{position:relative;width:fit-content;height:fit-content;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;animation:gradient-shift 5s ease-in-out infinite;margin:auto;box-sizing:border-box}.project-page .grid-container .project-cacatua .preview-container .glow-card:before,.project-page .grid-container .project-cacatua .preview-container .glow-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 0 0,hsl(27,93%,60%),transparent),radial-gradient(circle at 100% 0,#00a6ff,transparent),radial-gradient(circle at 0 100%,#ff0056,transparent),radial-gradient(circle at 100% 100%,#6500ff,transparent);border-radius:1rem}.project-page .grid-container .project-cacatua .preview-container .glow-card:after{z-index:2}.project-page .grid-container .project-cacatua .preview-container .glow-card:before{z-index:1;filter:blur(2vmin);animation:blur-animation 1s ease-in-out alternate infinite}.project-page .grid-container .project-cacatua .preview-container .glow-card .content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:3}.project-page .grid-container .project-cacatua .preview-container .glow-card .content .cacatua-preview{width:100%;border-radius:.9rem}.project-page .grid-container .project-cacatua .details{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.project-page .grid-container .project-cacatua .details .skills-stack{display:flex;flex-direction:column;gap:.2rem;margin-top:.5rem}.project-page .grid-container .project-cacatua .details .skills-stack img{height:2.5rem}.project-page .grid-container .project-cacatua .details .description{width:90%;margin-top:.5rem}.project-page .grid-container .project-cacatua .details .description p{margin:0}.project-page .grid-container .project-cacatua .details .description .contributer-container{display:flex;width:100%;margin-top:.5rem;justify-content:space-evenly;font-weight:700}.project-page .grid-container .project-cacatua .details .description .contributer-container a{text-decoration:none;color:var(--text-color);text-decoration:underline}@keyframes blur-animation{to{filter:blur(1.5vmin);transform:scale(1.1)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.project-page .grid-container .project-tts{position:relative;display:flex;flex-direction:row;align-items:start;justify-content:center}.project-page .grid-container .project-tts button{position:absolute;bottom:.5rem;right:.5rem;width:30px;height:30px;--button_radius: .75em;--button_outline_color: #000000;font-size:17px;font-weight:700;border:none;cursor:pointer;border-radius:var(--button_radius);background:var(--primary-dark);margin:0;padding:0;box-sizing:border-box}.project-page .grid-container .project-tts button .button_top{position:absolute;top:0;width:30px;height:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--primary-dark);border-radius:var(--button_radius);padding:.2rem;background:var(--primary-light);color:var(--button_outline_color);transform:translateY(-.1rem);transition:transform .1s ease;box-sizing:border-box}.project-page .grid-container .project-tts button .button_top svg{fill:var(--primary-dark)!important}.project-page .grid-container .project-tts button:hover .button_top{transform:translateY(-.3rem)}.project-page .grid-container .project-tts button:active .button_top{transform:translateY(0)}.project-page .grid-container .project-tts .container{position:relative;width:100%;height:80%;margin-left:15px;margin-top:15px}.project-page .grid-container .project-tts .container .card{position:relative;width:100%;height:100%;background:#f5f5f5;border-radius:8px;color:#232323;border:1px solid #232323;transition:all .5s ease-in-out;overflow:hidden;box-sizing:border-box}.project-page .grid-container .project-tts .container .card .front{position:absolute;width:100%;height:100%;transition:opacity .3s ease-in}.project-page .grid-container .project-tts .container .card .front img{width:100%}.project-page .grid-container .project-tts .container .card .front .title{position:absolute;bottom:1rem;font-weight:700;font-size:1.5rem;margin:0;padding:.5rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;transition:transform .25s ease-out;background-color:var(--primary-light);color:var(--text-color)}.project-page .grid-container .project-tts .container .card .front .title:before{content:"";display:inline-block;width:10px;height:10px;margin-right:5px;vertical-align:middle}.project-page .grid-container .project-tts .container .card .back{position:relative;display:flex;transform:translateY(200%);flex-direction:column;gap:.5rem;transition:transform .25s ease-in,opacity .3s ease-in;opacity:0;width:100%;height:100%;padding:.5rem;box-sizing:border-box}.project-page .grid-container .project-tts .container .card .back p{margin:0}.project-page .grid-container .project-tts .container .card .back .title-in{font-weight:700;font-size:1.25rem}.project-page .grid-container .project-tts .container .card .back .grid-container{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;box-sizing:border-box}.project-page .grid-container .project-tts .container .card .back .grid-container .skills-stack{display:flex;flex-direction:column;gap:.2rem}.project-page .grid-container .project-tts .container .card .back .grid-container .skills-stack img{height:7.5rem}.project-page .grid-container .project-tts .container .card:hover{transform:translate(-15px,-15px);border-color:#5bc0eb}.project-page .grid-container .project-tts .container .card:hover .back{transform:translateY(0);opacity:1}.project-page .grid-container .project-tts .container .card:hover .front{opacity:0}.project-page .grid-container .project-tts .container .card:hover .front .title{transform:translateY(220%)}.project-page .grid-container .project-tts .container .card-border{position:absolute;width:100%;height:100%;left:0;top:0;border:1px var(--primary-dark) dashed;border-radius:8px;z-index:-1}.project-page .grid-container .box{padding:1rem;box-sizing:border-box;box-shadow:inset .2rem .2rem .5rem var(--top-left-shadow),inset -.2rem -.2rem .5rem var(--bottom-right-shadow);border-radius:1rem}.project-page .grid-container .box .bold-link{position:relative;font-weight:700;cursor:pointer}.project-page .grid-container .box .bold-link:hover{font-size:larger}.project-page .grid-container .box .bold-link .search-icon{width:.5rem;height:.5rem;vertical-align:top;fill:var(--primary-dark)!important}.project-page .grid-container .box .bold-link .search-icon path{stroke:var(--primary-dark)!important}.project-page .grid-container .box .flip-color .search-icon{fill:#777!important}.project-page .grid-container .box .flip-color .search-icon path{stroke:#777!important}.project-page .grid-container .box .black-color .search-icon{fill:#000!important}.project-page .grid-container .box .black-color .search-icon path{stroke:#000!important}.project-page .grid-container .project-stemma{order:1;grid-column:span 4;grid-row:span 2}.project-page .grid-container .project-webarcade{order:2;grid-column:span 1;grid-row:span 2}.project-page .grid-container .project-numberrecognition{order:3;grid-column:span 3;grid-row:span 1}.project-page .grid-container .project-fruitninja{order:4;grid-column:span 1;grid-row:span 1}.project-page .grid-container .project-gomoku{order:5;grid-column:span 2;grid-row:span 2}.project-page .grid-container .project-cacatua{order:6;grid-column:span 2;grid-row:span 1}.project-page .grid-container .project-tts{order:7;grid-column:span 2;grid-row:span 1}.deprecate_project-page{padding:40px 0;max-width:1200px;margin:0 auto}.deprecate_project-page .content .project-grid{margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:280px 280px 280px 280px;grid-gap:1rem}.deprecate_project-page .content .project-grid .box{box-shadow:inset .2rem .2rem .5rem var(--top-left-shadow),inset -.2rem -.2rem .5rem var(--bottom-right-shadow);overflow:hidden;border-radius:1rem;-webkit-user-select:none;user-select:none;will-change:transform;transition:.3s ease;display:flex;align-items:center;flex-direction:column}.deprecate_project-page .content .project-grid .box.box-webarcade{order:1;padding:20px}.deprecate_project-page .content .project-grid .box.box-badgehub{order:2;padding:20px}.deprecate_project-page .content .project-grid .box.box-profile{order:3;padding:20px}.deprecate_project-page .content .project-grid .box.box-tts{order:4;padding:20px}.deprecate_project-page .content .project-grid .box.box-gomoku-ai{order:5;padding:20px}.deprecate_project-page .content .project-grid .box.box-dating-app{order:6;padding:20px}.deprecate_project-page .content .project-grid .box.box-cacatua{order:7;padding:20px}.deprecate_project-page .content .project-grid .box.box-voice-record{order:8;padding:20px}.deprecate_project-page .content .project-grid .box.box-maze{order:9;padding:20px}.deprecate_project-page .content .project-grid .box.box-grid-shot{order:10;padding:20px}.deprecate_project-page .content .project-grid .box.box-fruit-ninja{order:11;padding:20px}.deprecate_project-page .content .project-grid .box .project-title{font-weight:700;font-size:larger;margin-bottom:1rem}.deprecate_project-page .content .project-grid .box .project-preview{box-shadow:.3rem .3rem .6rem var(--top-left-shadow),-.2rem -.2rem .5rem var(--bottom-right-shadow);position:relative;display:inline-block;max-width:80%;border-radius:1rem;overflow:hidden;height:auto;padding:10px}.deprecate_project-page .content .project-grid .box .project-preview img{display:block;width:100%;transition:transform .3s ease,box-shadow .3s ease;border-radius:10px;overflow:hidden;object-fit:cover}.deprecate_project-page .content .project-grid .box .project-preview img:hover{transform:scale(1.05)}.deprecate_project-page .content .project-grid .box .tech-stack{box-shadow:inset .2rem .2rem .5rem var(--top-left-shadow),inset -.2rem -.2rem .5rem var(--bottom-right-shadow);border-radius:1rem;margin-top:10px;padding:10px;width:80%;display:flex;flex-direction:row;align-items:center;justify-content:center}.deprecate_project-page .content .project-grid .box .tech-stack img{width:30px;height:30px;object-fit:contain;transition:transform .2s ease;margin:0 5px}.deprecate_project-page .content .project-grid .box .tech-stack img:hover{transform:scale(1.1)}.deprecate_project-page .content .project-grid .box-2w{grid-column:span 2}.deprecate_project-page .content .project-grid .box-2h{grid-row:span 2}.playground-page{padding:40px 0;max-width:1200px;margin:0 auto}.playground-page .content .gomoku-game,.playground-page .content .text-to-speach,.playground-page .content .statistics{box-shadow:inset .2rem .2rem .5rem var(--top-left-shadow),inset -.2rem -.2rem .5rem var(--bottom-right-shadow);border-radius:1rem;margin-bottom:1rem;padding:20px}.playground-page .content .gomoku-game .title-wrapper,.playground-page .content .text-to-speach .title-wrapper,.playground-page .content .statistics .title-wrapper{display:flex;justify-content:space-between;flex-direction:row}.playground-page .content .gomoku-game .title-wrapper .title,.playground-page .content .text-to-speach .title-wrapper .title,.playground-page .content .statistics .title-wrapper .title{font-weight:700;font-size:larger}.playground-page .content .gomoku-game .title-wrapper .logo,.playground-page .content .text-to-speach .title-wrapper .logo,.playground-page .content .statistics .title-wrapper .logo{display:flex;align-items:center;justify-content:center;margin-left:.5rem;box-shadow:.3rem .3rem .6rem var(--top-left-shadow),-.2rem -.2rem .5rem var(--bottom-right-shadow);padding:.5rem;border-radius:50%}.playground-page .content .gomoku-game .title-wrapper .logo:hover,.playground-page .content .text-to-speach .title-wrapper .logo:hover,.playground-page .content .statistics .title-wrapper .logo:hover{transform:scale(1.1)}.playground-page .content .gomoku-game .title-wrapper .logo:active,.playground-page .content .text-to-speach .title-wrapper .logo:active,.playground-page .content .statistics .title-wrapper .logo:active{box-shadow:inset .2rem .2rem .5rem var(--top-left-shadow),inset -.2rem -.2rem .5rem var(--bottom-right-shadow)}.playground-page .content .gomoku-game .component-container,.playground-page .content .text-to-speach .component-container,.playground-page .content .statistics .component-container{display:flex;flex-direction:column;align-items:center}.not-found-page{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 0;max-width:1200px;margin:0 auto}.not-found-page .content{text-align:center}.not-found-page .content .error-text{font-family:Quicksand,sans-serif;font-weight:900;font-size:10em}.not-found-page .content .text-emoji{font-weight:900;font-size:2em}.not-found-page .content .back-to-main{font-weight:700}@media (max-width: 960px){.home-page .home-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(auto-fill,minmax(250px,1fr))}.home-page .home-grid .box{min-height:250px}.home-page .home-grid .box.box-intro{order:1}.home-page .home-grid .box.box-light{order:2}.home-page .home-grid .box.box-skills{order:3}.home-page .home-grid .box.box-github{order:4}.home-page .home-grid .box.box-project{order:5}.home-page .home-grid .box.box-linkedin{order:6}.home-page .home-grid .box.box-about{order:7}.home-page .home-grid .box.box-mail{order:8}.about-page .content .collapse-container .skills-grid{grid-template-columns:1fr 1fr 1fr}.about-page .content .collapse-container .skills-grid .cell:nth-child(4n){border-right:1px var(--primary-dark) solid}.about-page .content .collapse-container .skills-grid .cell:nth-child(3n){border-right:none}.project-page .grid-container{grid-template-columns:repeat(3,1fr)}.project-page .grid-container .project-stemma{order:1;grid-column:span 3;grid-row:span 2}.project-page .grid-container .project-webarcade{order:2;grid-column:span 1;grid-row:span 2}.project-page .grid-container .project-gomoku{order:3;grid-column:span 2;grid-row:span 2}.project-page .grid-container .project-numberrecognition{order:4;grid-column:span 3;grid-row:span 1}.project-page .grid-container .project-tts{order:5;grid-column:span 2;grid-row:span 1}.project-page .grid-container .project-fruitninja{order:6;grid-column:span 1;grid-row:span 1}.project-page .grid-container .project-cacatua{order:7;grid-column:span 3;grid-row:span 1}}@media (max-width: 768px){.home-page .home-grid .box{min-height:220px}.about-page .content .collapse-container .skills-grid{grid-template-columns:1fr 1fr}.about-page .content .collapse-container .skills-grid .cell:nth-child(4n){border-right:1px var(--primary-dark) solid}.about-page .content .collapse-container .skills-grid .cell:nth-child(3n){border-right:1px var(--primary-dark) solid}.about-page .content .collapse-container .skills-grid .cell:nth-child(2n){border-right:none}.project-page .grid-container{grid-template-columns:repeat(6,1fr)}.project-page .grid-container .project-stemma{order:1;grid-column:span 6;grid-row:span 2}.project-page .grid-container .project-webarcade{order:2;grid-column:span 3;grid-row:span 2}.project-page .grid-container .project-gomoku{order:3;grid-column:span 3;grid-row:span 2}.project-page .grid-container .project-numberrecognition{order:4;grid-column:span 6;grid-row:span 1}.project-page .grid-container .project-tts{order:5;grid-column:span 4;grid-row:span 1}.project-page .grid-container .project-fruitninja{order:6;grid-column:span 2;grid-row:span 1}.project-page .grid-container .project-cacatua{order:7;grid-column:span 6;grid-row:span 1;grid-template-columns:1fr 1fr}.project-page .grid-container .project-cacatua .preview-container .title{margin-bottom:1rem}.project-page .grid-container .project-cacatua .preview-container .glow-card{margin:0 1rem}}@media (max-width: 600px){.home-page .home-grid{padding:40px 24px 20px;grid-gap:.5rem;grid-template-columns:repeat(2,1fr)}.home-page .home-grid .box{min-height:200px}.home-page .home-grid .box.box-intro{order:1}.home-page .home-grid .box.box-light{order:2}.home-page .home-grid .box.box-github{order:3}.home-page .home-grid .box.box-about{order:4}.home-page .home-grid .box.box-skills{order:5}.home-page .home-grid .box.box-skills .skills-grid{display:grid;grid-template-columns:repeat(6,1fr)}.home-page .home-grid .box.box-skills .skills-grid img{width:40px;height:40px}.home-page .home-grid .box.box-project{order:6}.home-page .home-grid .box.box-linkedin{order:7}.home-page .home-grid .box.box-mail{order:8}.about-page .content .collapse-container .skills-grid{grid-template-columns:1fr 1fr}.about-page .content .collapse-container .skills-grid .cell{grid-template-columns:auto 30px}.about-page .content .collapse-container .skills-grid .cell .language-name span{background-color:transparent;padding:0 .1rem}.about-page .content .collapse-container .skills-grid .cell .proficiency{display:none}.about-page .content .collapse-container .skills-grid .cell .logo{width:100%;padding:.1rem}.about-page .content .collapse-container .skills-grid .cell .logo img{width:100%}.about-page,.not-found-page,.playground-page{padding:40px 24px 20px}.about-page .content .project-grid,.not-found-page .content .project-grid,.playground-page .content .project-grid{grid-gap:.5rem}.about-page .content .project-grid .box,.not-found-page .content .project-grid .box,.playground-page .content .project-grid .box{min-height:200px}.project-page .grid-container{grid-template-columns:repeat(2,1fr)}.project-page .grid-container .project-stemma{order:1;grid-column:span 2;grid-row:span 2;grid-template-columns:1fr}.project-page .grid-container .project-stemma .card{height:fit-content}.project-page .grid-container .project-stemma .details .description .description-span2{display:none}.project-page .grid-container .project-gomoku{order:2;grid-column:span 2;grid-row:span 1}.project-page .grid-container .project-numberrecognition{order:3;grid-column:span 2;grid-row:span 1;flex-direction:column}.project-page .grid-container .project-numberrecognition .left-tab{width:100%;justify-content:center}.project-page .grid-container .project-webarcade{order:4;grid-column:span 2;grid-row:span 1}.project-page .grid-container .project-tts{order:5;grid-column:span 2;grid-row:span 1}.project-page .grid-container .project-cacatua{order:6;grid-column:span 2;grid-row:span 1}.project-page .grid-container .project-fruitninja{display:none}}@media (max-width: 540px){.home-page .home-grid{padding:40px 16px 20px}.home-page .home-grid .box{min-height:180px}.about-page,.not-found-page,.playground-page{padding:40px 16px 20px}.about-page .box,.not-found-page .box,.playground-page .box{min-height:180px}}