@import url(https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Rubik,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{overflow-x:hidden}html{-webkit-text-size-adjust:100%}:root{--content-width:730px;--spacing-xs:8px;--spacing-s:16px;--spacing-m:24px;--spacing-l:32px;--spacing-xl:48px;--spacing-xxl:72px;--minigame-borderWidth:4px;--minigame-width:calc(var(--content-width)/2);--minigame-width-mobile:calc(100vw - var(--spacing-m)*2);--minigame-card-height:calc(var(--minigame-width)/3);--minigame-card-height-mobile:calc(var(--minigame-width-mobile)/3);--border-radius:4px;--yellow:#fac832}*{text-align:left;text-rendering:optimizeLegibility}body.light{background-color:#fff;color:#000}body.dark{background-color:#121212;color:#fff}.border-one{border-color:#bfe9dc}.square-two{background:#fac832}.border-two{border-color:#fac832;border-color:var(--yellow)}.border-three{border-color:#f83735!important}.border-four{border-color:#84b4f9!important}.border-five{border-color:#39948e!important}.border-six{border-color:#1231b5!important}.border-seven{border-color:#b6174b!important}.border-eight{border-color:#d6edff!important}.App-header{display:flex;justify-content:center;margin-bottom:var(--spacing-xl);margin-top:var(--spacing-xl);width:100%}.App-header .header-links{display:flex;flex-wrap:wrap;justify-content:flex-end;width:var(--content-width)}.App-header .header-link{font-family:Rubik,sans-serif;font-size:18px;font-weight:700;margin:auto 20px;text-decoration:none}@media only screen and (max-width:768px){.App-header .header-links{width:calc(100% - 30px)}.App-header .header-link{margin:auto 10px}}body.dark .App-header .header-link{color:#fff}body.light .App-header .header-link{color:#000}.App-header .header-link:last-child{margin-right:-4px}.App-header .header-link:hover{text-decoration:underline}.toggle-theme{align-items:center;border:4px solid #000;border-radius:20px;cursor:pointer;display:flex;height:24px;justify-content:space-between;padding:0 4px;position:relative;width:40px}.theme-ball{border-radius:50%;height:20px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:20px;z-index:9}body.dark .toggle-theme{border:4px solid #fff}body.light .toggle-theme{border:4px solid #000}body.dark .theme-ball{background:#fff;left:25px}body.light .theme-ball{background:#000;left:2px}.theme-icon{font-size:16px;line-height:16px;text-align:center;width:16px}@media only screen and (max-width:480px){.toggle-theme-container{margin-left:5px}}.App{text-align:center}h1{font-size:50px;line-height:50px}h1,h2{background-image:none;font-family:Rubik,sans-serif;margin:0;padding:0}h2{font-size:18px;line-height:36px}h2:after{background:var(--yellow);content:"";display:block;height:4px;margin-top:-2px;width:50px}p{font-family:Rubik,sans-serif;font-size:21px;font-weight:400;line-height:1.82;margin:0;padding:0;text-align:left}.mt-large{margin-top:var(--spacing-l)}.mt-xlarge{margin-top:var(--spacing-xl)}.justify{text-align:justify}.App-main{display:flex;justify-content:center;margin-top:var(--spacing-xl);width:100%}.App-content{align-items:center;display:flex;flex-direction:column;justify-content:space-between;max-width:100%;padding-bottom:var(--spacing-xxl);position:relative;width:var(--content-width)}.row{display:flex;flex-direction:row;width:100%}.col-1{flex:1 1;flex-shrink:0}.col-2{flex:0.5 1;flex-shrink:0}.col-2:first-child{padding-right:var(--spacing-m)}.col-2:last-child{padding-left:var(--spacing-m)}hr{background:var(--yellow);border:0;height:5px;margin:var(--spacing-xxl) 0;width:50%}.skill-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-s);justify-content:flex-start}@media only screen and (max-width:768px){.App-content{padding:0 var(--spacing-m);width:calc(100% - var(--spacing-m)*2)}.row{flex-direction:column;width:100%}.col-2{flex:1 1;padding:0}.col-2,.col-2:first-child{margin-bottom:var(--spacing-m)}.col-2:first-child{padding-right:0}.col-2:last-child{margin-bottom:0;padding-left:0}}#mini-game{box-sizing:border-box;width:calc(var(--content-width)/2)}.mini-game-instructions{font-size:16px;margin-top:0}#mini-game .canvas{border:var(--minigame-borderWidth) solid #000;border-radius:var(--border-radius);display:flex;height:var(--minigame-width);margin:0;position:relative;width:var(--minigame-width)}@media screen and (max-width:768px){#mini-game .canvas{height:var(--minigame-width-mobile);width:var(--minigame-width-mobile)}}body.dark #mini-game .canvas{border:var(--minigame-borderWidth) solid #fff}.square{align-items:center;box-sizing:border-box;display:flex;height:var(--minigame-card-height);justify-content:center;margin:0;position:absolute;transition:all .3s ease-in-out;width:var(--minigame-card-height)}@media screen and (max-width:768px){.square{height:var(--minigame-card-height-mobile);width:var(--minigame-card-height-mobile)}}.square-inner{-webkit-touch-callout:none;align-items:center;border:4px solid #000;border-radius:var(--border-radius);color:#000;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:calc(100% - 16px);justify-content:center;-webkit-user-select:none;user-select:none;width:calc(100% - 16px)}.square-inner:hover{box-shadow:0 4px 8px #0003;transform:scale(1.1)}.square-one{background:#bfe9dc}.square-two{background:var(--yellow)}.square-three{background:#f83735}.square-four{background:#84b4f9}.square-five{background:#39948e}.square-six{background:#1231b5}.square-seven{background:#b6174b}.square-eight{background:#d6edff}.skill-card{border-radius:var(--border-radius);box-sizing:border-box;height:calc(var(--content-width)/4 - var(--spacing-s)*3/4);margin:0;text-align:center;width:calc(var(--content-width)/4 - var(--spacing-s)*3/4)}@media screen and (max-width:768px){.skill-card{height:calc(50vw - var(--spacing-m)*3/2);width:calc(50vw - var(--spacing-m)*3/2)}}body.dark .skill-card{border:4px solid #fff}body.light .skill-card{border:4px solid #000}.skill-card-inner{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.skill-card-inner p{font-family:Rubik,sans-serif;font-size:18px;font-weight:600}.skill-card-inner .balls{display:flex;font-size:12px;letter-spacing:4px;word-spacing:-8px}
/*# sourceMappingURL=main.dc122fd2.css.map*/