body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{font-family:Futura,sans-serif;transition:background-color .3s ease,color .3s ease}body.light-mode{background:linear-gradient(-45deg,#fff,#cbc0c0,#cfedff,#c5fffc);background-size:400% 700%;color:#000}body.dark-mode,body.light-mode{animation:gradient 10s ease infinite}body.dark-mode{background:linear-gradient(-45deg,#000,#0d040f,#05131a,#051d1d);background-size:400% 700%;color:#fff}body{height:100vh}.main-content{margin:100px auto 0;width:60%}@media only screen and (max-width:600px){.main-content{margin:60px auto 0}}body.light-mode .mode-identifier,body.light-mode .time-annotation,body.light-mode .time-slit{background-color:#000;color:#fff}body.light-mode .annotation-icon{filter:invert(100%) sepia(79%) saturate(0) hue-rotate(289deg) brightness(105%) contrast(101%)}body.dark-mode .mode-identifier,body.dark-mode .time-annotation,body.dark-mode .time-slit{background-color:#fff;color:#000}body.dark-mode .annotation-icon{filter:invert(0) sepia(3%) saturate(0) hue-rotate(241deg) brightness(98%) contrast(103%)}.loader-container{display:flex;margin-left:20px;position:fixed;top:20px;z-index:101}.loader{animation:rotation 1.2s linear infinite;border:2px solid #000;border-radius:50%;height:24px;width:24px}.loader:after,.loader:before{background:#000;border-radius:50%;content:"";height:6px;position:absolute;transform:translate(150%,150%);width:6px}.loader:before{bottom:0;left:auto;right:0;top:auto;transform:translate(-150%,-150%)}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mode-identifier{border-radius:10px;font-size:12px;left:20px;margin-left:-4px;opacity:.75;padding:1px 8px;position:fixed;top:20px;z-index:101}.mode-identifier:hover{opacity:1}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mode-identifier-title{align-items:center;display:flex;font-size:12pt;gap:3px}.mode-identifier-title .annotation-icon{height:16px;width:16px}.time-slits-container{align-items:flex-start;display:flex;flex-direction:column;gap:10px;opacity:.85;padding:20px 0 0 20px;position:absolute;top:0;width:100px}.time-slits-container:hover{opacity:1;transition:all .3s ease}.time-slit-container{display:flex;position:relative}.slits-container{left:0;position:absolute;top:60px}.time-slit{border-radius:5px;height:4px;transition:width .2s ease,opacity .2s ease}.time-annotation{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:12px;gap:3px;left:-4px;padding:0 4px;position:absolute;top:-6px;white-space:nowrap}.time-annotation:hover{gap:2px;padding:1px 5px;top:-7px;transition:all .3s ease}.annotation-icon{height:12px;margin-left:-2px;width:12px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(.75)}to{transform:scale(1)}}.annotation-icon-animation{animation:pulse 1s infinite}@media only screen and (min-width:601px){.mode-identifier:hover{border-radius:8px;transition:all .3s ease}.mode-identifier:hover .annotation-icon{animation:spin 5s linear infinite}.mode-identifier:hover .mode-identifier-text{display:block;transition:all .2s ease}.theme-identifier-text{margin:0}}@media only screen and (max-width:600px){.loader{height:20px;width:20px}.mode-identifier:hover .mode-identifier-text{display:none}.annotation-icon{margin:0}.mode-identifier{padding:3px 5px}.theme-identifier-text,.time-slit-container{display:none}}body.light-mode .navbar-button{background-color:#000;color:#fff}body.light-mode .navbar-icon{filter:invert(100%) sepia(79%) saturate(0) hue-rotate(289deg) brightness(105%) contrast(101%)}body.light-mode .navbar-tooltip{background-color:#000;color:#fff}body.dark-mode .navbar-button{background-color:#fff;color:#000}body.dark-mode .navbar-icon{filter:invert(0) sepia(3%) saturate(0) hue-rotate(241deg) brightness(98%) contrast(103%)}body.dark-mode .navbar-tooltip{background-color:#fff;color:#000}.navbar{display:flex;gap:20px;justify-content:center;margin-bottom:40px;padding-bottom:40px;position:fixed;top:0;transition:-webkit-backdrop-filter .3s ease;transition:backdrop-filter .3s ease;transition:backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;width:100%;z-index:100}.navbar.scrolled{-webkit-backdrop-filter:blur(100px) brightness(115%);backdrop-filter:blur(100px) brightness(115%)}.navbar-button{align-items:center;border:none;border-radius:10px;display:flex;font-family:Futura,sans-serif;font-size:12pt;gap:5px;opacity:.75;padding:1px 8px;position:relative;top:20px}.navbar-button:hover{border-radius:8px;opacity:1;transition:all .3s ease}.navbar-icon{height:16px;margin:0;width:16px}.navbar-icon-play{height:17px;width:17px}.navbar-icon-about{margin-left:-3px}.navbar-icon-projects{height:15px;width:15px}.navbar-tooltip{background-color:#fff;border-radius:10px;color:#000;font-family:Arial;font-size:16px;left:90px;opacity:1;padding:2px 10px;position:absolute;top:-16px;transition:opacity .3s ease;width:300px}@media only screen and (max-width:600px){.hide-from-mobile{display:none}.navbar-button{padding:3px 5px}.navbar-icon-about{margin:0}.navbar-tooltip{background-color:#fff;border-radius:10px;color:#000;font-family:Arial;font-size:12px;left:45px;opacity:1;padding:5px 0 3px;position:absolute;top:-12px;transition:opacity .3s ease;width:35px}}.headline{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin:0 -40px;padding-top:50px;text-align:left;width:-webkit-fit-content;width:fit-content}.headline .title{animation:dropInTitle 2s forwards;opacity:0}.headline .subtitle{animation:slideInSubtitle 2s .5s forwards;opacity:0}@keyframes dropInTitle{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInSubtitle{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.title{font-family:"IBM Plex Serif",serif;font-size:8.5rem;margin:0}.subtitle,.title{font-weight:400;opacity:.95}.subtitle{font-family:Playwrite AU SA,serif;font-size:2.5rem;margin:-30px 0 0 -20px}@media only screen and (max-width:600px){.title{font-size:2.8rem;font-weight:500}.subtitle{font-size:1.4rem;margin:5px 0}}body.light-mode .image:hover{box-shadow:0 0 0 2px #0000004d;transition:all .2s ease}body.light-mode .image:active{box-shadow:0 0 0 2px #000000e6;transition:all .2s ease}@media only screen and (max-width:600px){body.light-mode .image:active,body.light-mode .image:hover{box-shadow:0 0 0 2px #00000026}}body.light-mode .image-carousel{background:linear-gradient(90deg,#0000,#0000001a,#0000)}body.light-mode .image-carousel-next:after,body.light-mode .image-carousel-prev:before,body.light-mode .next-caret,body.light-mode .prev-caret{filter:invert(0) sepia(3%) saturate(0) hue-rotate(241deg) brightness(98%) contrast(103%)}body.light-mode .expand-image{filter:invert(100%) sepia(79%) saturate(0) hue-rotate(289deg) brightness(105%) contrast(101%)}body.light-mode .modal-overlay{background:#ffffffb3}body.light-mode .modal-content{box-shadow:0 0 0 2px #0000001a;position:relative}body.light-mode .modal-close-button{filter:invert(0) sepia(3%) saturate(0) hue-rotate(241deg) brightness(98%) contrast(103%)}body.light-mode .caption{background-color:#000;box-shadow:0 0 0 2px #ffffff4d;color:#fff}body.dark-mode .image:hover{box-shadow:0 0 0 2px #ffffff4d;transition:all .2s ease}body.dark-mode .image:active{box-shadow:0 0 0 2px #ffffffe6;transition:all .2s ease}@media only screen and (max-width:600px){body.dark-mode .image:active,body.dark-mode .image:hover{box-shadow:0 0 0 2px #ffffff26}}body.dark-mode .image-carousel{background:linear-gradient(90deg,#fff0,#ffffff1a,#fff0)}body.dark-mode .image-carousel-next:after,body.dark-mode .image-carousel-prev:before,body.dark-mode .next-caret,body.dark-mode .prev-caret{filter:invert(98%) sepia(1%) saturate(307%) hue-rotate(212deg) brightness(118%) contrast(100%)}body.dark-mode .modal-overlay{background:#000000b3}body.dark-mode .modal-content{box-shadow:0 0 0 2px #ffffff1a;position:relative}body.dark-mode .modal-close-button{filter:invert(100%) sepia(79%) saturate(0) hue-rotate(289deg) brightness(105%) contrast(101%)}body.dark-mode .caption{background-color:#fff;box-shadow:0 0 0 2px #0000004d;color:#000}@keyframes appearSlider{0%{opacity:0}to{opacity:1}}.image-slider{-webkit-overflow-scrolling:touch;animation:appearSlider 2s 1.5s forwards;display:flex;gap:10px;opacity:0;overflow-x:auto;padding:8px 10px 0;scrollbar-width:none}.image-slider::-webkit-scrollbar{display:none}.image{background-position:50%;background-size:cover;border-radius:5px;cursor:pointer;flex:0 0 auto;height:200px;margin-bottom:2px;position:relative;transition:transform .2s ease;width:200px}.expand-image{display:none}@media only screen and (min-width:601px){.image:active .expand-image,.image:hover .expand-image{background-color:#ffffffbf;border-radius:5px;bottom:5px;display:block;height:20px;margin:5px;padding:0;position:absolute;right:5px;width:20px}}.modal-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:10px;height:75%;overflow:hidden;padding:10px;position:relative;width:50%}.modal-image{background-position:50%;position:relative;transition:background .2s ease}.modal-close-button,.modal-image{background-repeat:no-repeat;background-size:contain}.modal-close-button{background-image:url(/portfolio/static/media/close.c75555bf2b2ad120510e.svg);cursor:pointer;height:25px;opacity:.75;position:absolute;right:10px;top:10px;width:25px}.modal-close-button:hover{opacity:1;transition:all .3s ease}.next-caret,.prev-caret{background-image:url(/portfolio/static/media/caret.c6695e03f5f000a5f6da.svg);background-repeat:no-repeat;background-size:contain;border:none;content:"";display:block;height:25px;opacity:.5;position:absolute;top:48%;width:25px;z-index:1}.prev-caret{left:10px;transform:rotate(-90deg)}.next-caret{right:10px;transform:rotate(90deg)}.next-caret:hover,.prev-caret:hover{opacity:.7;transition:opacity .2s}.next-caret:active,.prev-caret:active{opacity:1}.caption-container{display:flex;justify-content:center}.caption{border-radius:10px;bottom:50px;padding:2px 6px;position:relative;text-align:center}.image-slider-reverse{-webkit-overflow-scrolling:touch;display:flex;flex-direction:row-reverse;gap:10px;overflow-x:auto;padding:10px;scrollbar-width:none}.image-slider-reverse::-webkit-scrollbar{display:none}@media only screen and (max-width:600px){.image{height:150px!important;width:150px!important}.modal-content{height:50%;width:90%}.modal-image{margin:auto;width:80%!important}}@keyframes slideIn{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}body.light-mode .bio-text{background-color:#0000001a}body.dark-mode .bio-text{background-color:#ffffff1a}body.dark-mode .hello{filter:invert(100%) sepia(79%) saturate(0) hue-rotate(289deg) brightness(105%) contrast(101%)}.bio-group{animation:slideIn 1s 1.5s forwards;display:flex;gap:30px;margin:20px 0;opacity:0;transform:translateX(50px)}.bio-text{border-radius:10px;padding:15px}@media only screen and (max-width:600px){.bio-group{flex-direction:column;gap:0;margin:5px -45px 20px}.bio-text{border-radius:10px;font-size:12px;margin:10px;padding:10px}}@media only screen and (max-width:1750px){.hello{display:none}}@media only screen and (min-width:1751px){.hello{height:300px;position:absolute;right:-70px;top:-284px}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}body.light-mode .contact-box{box-shadow:0 0 0 2px #0000001a}body.light-mode .contact-box-header{background-color:#0000001a}body.light-mode .contact-box-photo-wrapper{box-shadow:0 0 0 2px #0000004d}body.light-mode .contact-box-close{filter:invert(0) sepia(3%) saturate(0) hue-rotate(241deg) brightness(98%) contrast(103%)}body.light-mode .contact-box-speech{background-color:#0000001a}body.light-mode .contact-box-option{box-shadow:0 0 0 3px #0000001a}@media only screen and (min-width:601px){body.light-mode .contact-box-option:hover{background-color:#0000001a}}body.light-mode .contact-box-option-selected{background-color:#0000001a}body.light-mode .response-link{background-color:#000000bf;color:#fff}body.light-mode .response-link:hover{background-color:#000000e6}body.light-mode .response-icon{filter:invert(100%) sepia(79%) saturate(0) hue-rotate(289deg) brightness(105%) contrast(101%)}body.dark-mode .contact-box{box-shadow:0 0 0 2px #ffffff1a}body.dark-mode .contact-box-header{background-color:#ffffff1a}body.dark-mode .contact-box-photo-wrapper{box-shadow:0 0 0 2px #ffffff4d}body.dark-mode .contact-box-close{filter:invert(100%) sepia(79%) saturate(0) hue-rotate(289deg) brightness(105%) contrast(101%)}body.dark-mode .contact-box-speech{background-color:#ffffff1a}body.dark-mode .contact-box-option{box-shadow:0 0 0 3px #ffffff1a}@media only screen and (min-width:601px){body.dark-mode .contact-box-option:hover{background-color:#ffffff1a}}body.dark-mode .contact-box-option-selected{background-color:#ffffff1a}body.dark-mode .response-link{background-color:#ffffffbf;color:#000}body.dark-mode .response-link:hover{background-color:#ffffffe6}body.dark-mode .response-icon{filter:invert(0) sepia(3%) saturate(0) hue-rotate(241deg) brightness(98%) contrast(103%)}.contact-box{-webkit-backdrop-filter:blur(100px) brightness(115%);backdrop-filter:blur(100px) brightness(115%);border-radius:10px;bottom:30px;height:575px;left:auto;position:fixed;right:30px;top:auto;width:350px;z-index:100}.contact-box-header{border-radius:10px 10px 0 0;display:flex;gap:10px;height:80px;justify-content:space-between;left:auto;padding:0 10px 0 0;top:auto;width:100%}.contact-box-photo-title{align-items:center;display:flex;gap:10px;padding:0 0 0 10px}.contact-box-name{font-size:16pt;font-weight:500;margin:0}.contact-box-cue{font-size:12pt;margin:0}.contact-box-photo-wrapper{border-radius:50%;height:50px;overflow:hidden;position:relative;width:50px}.contact-box-photo{height:100%;object-fit:cover;object-position:center;transform:scale(1.2);width:100%}.contact-box-close{background-image:url(/portfolio/static/media/close.c75555bf2b2ad120510e.svg);background-repeat:no-repeat;background-size:contain;height:25px;margin-top:10px;opacity:.75;width:25px}.contact-box-close:hover{opacity:1;transition:all .3s ease}.contact-box-conversation{height:calc(100% - 80px);overflow-y:auto}.contact-box-bot{display:flex;flex-direction:column;gap:10px;margin:10px;max-width:70%}.contact-box-speech{border-radius:10px;margin:0;padding:10px}.contact-box-user{display:flex;flex-direction:column;float:right;gap:13px;margin:10px;width:-webkit-fit-content;width:fit-content}.contact-box-option,.contact-box-option-selected{border-radius:10px;margin:0;padding:10px;transition:background .3s ease}.contact-box-bot-shift{margin-top:80px}@media only screen and (max-width:600px){.contact-box{bottom:5px;height:calc(100% - 80px);left:5px;position:fixed;right:5px;top:70px;width:calc(100% - 10px)}}.response-link{align-items:center;border-radius:10px;display:flex;gap:5px;margin:-10px;padding:10px;text-decoration:none}.response-link:hover{transition:all .2s ease}.response-icon{height:17px;width:17px}body.light-mode .project{background:#0000000d}body.light-mode .project:hover,body.light-mode .selected-project{background:#00000026}body.light-mode .skill{background-color:#0000001a}body.light-mode .more-skills{border:2px solid #0003}body.light-mode .more{filter:invert(0) sepia(3%) saturate(0) hue-rotate(241deg) brightness(98%) contrast(103%)}body.light-mode .active-project{background:#00000026}body.light-mode .back-button{background-color:#000;color:#fff}body.dark-mode .project{background:#ffffff0d}body.dark-mode .project:hover,body.dark-mode .selected-project{background:#ffffff26}body.dark-mode .skill{background-color:#ffffff1a}body.dark-mode .more-skills{border:2px solid #0003}body.dark-mode .more{filter:invert(100%) sepia(79%) saturate(0) hue-rotate(289deg) brightness(105%) contrast(101%)}body.dark-mode .active-project{background:#ffffff26}body.dark-mode .back-button{background-color:#fff;color:#000}@keyframes appearProjects{0%{opacity:0}to{opacity:1}}.projects-section{animation:appearProjects 2s 1.5s forwards;margin:-50px auto auto;opacity:0;padding-bottom:50px;padding-top:50px;width:80%}.projects-title{font-size:4rem;font-weight:400;margin:0 0 10px;opacity:.95}@media only screen and (max-width:600px){.projects-title{font-size:2.4rem;margin-bottom:15px}}.projects,.projects-container{display:flex;gap:10px}.projects{flex-direction:row;flex-wrap:wrap;height:-webkit-fit-content;height:fit-content;justify-content:space-between;padding-bottom:10px;width:100%}@media only screen and (max-width:600px){.projects{justify-content:space-around}}.project{border-radius:15px;cursor:pointer;padding:10px;transition:all .3s ease;width:24%}@media only screen and (max-width:1750px){.project{width:32%}}@media only screen and (max-width:1250px){.project{width:48%}}.active-project .project-title{font-size:1.2rem}@media only screen and (max-width:600px){.active-project .project-title{font-size:1rem}}.project-title{font-size:16px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (max-width:600px){.project-title{font-size:12px}}.project-description,.project-role{font-size:16px}@media only screen and (max-width:600px){.project-description,.project-role{font-size:12px}}.project-role{font-style:italic;padding-top:20px}.skills{display:flex;flex-wrap:wrap;font-size:10px;gap:10px;margin:10px 0 0}.active-project .skills{font-size:12px}@media only screen and (max-width:600px){.active-project .skills{font-size:10px}}.skill{margin:0;padding:4px 8px}.more,.skill{border-radius:10px}.more{height:24px;width:24px}@media only screen and (max-width:600px){.more{display:none}}.active-project{animation:slideInActiveProject 1s forwards;border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;opacity:0;padding:20px}@media only screen and (min-width:601px){.active-project{flex:0 0 45%;margin-bottom:10px}}@media only screen and (max-width:600px){.active-project{width:100%}.active-project .project{display:none}}.hide-projects{display:none}@media only screen and (min-width:601px){.hide-projects{display:flex}}@keyframes slideInActiveProject{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.back-button{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:12px;margin-left:auto;margin-right:auto;margin-top:15px;opacity:.75;padding:4px 8px;transition:opacity .3s ease}.back-button:hover{opacity:1}@media only screen and (max-width:600px){.back-button{float:right}}body.light-mode .footer{background-color:#0000000d;color:#000}body.light-mode .footer a{color:#000}body.light-mode .icon{filter:invert(0) sepia(3%) saturate(0) hue-rotate(241deg) brightness(98%) contrast(103%)}body.dark-mode .footer{background-color:#ffffff0d;color:#fff}body.dark-mode .footer a{color:#fff}body.dark-mode .icon{filter:invert(100%) sepia(79%) saturate(0) hue-rotate(289deg) brightness(105%) contrast(101%)}.footer{border-radius:50px 50px 0 0;font-family:Futura,sans-serif;margin:0 50px;padding:20px 40px 30px}@media only screen and (max-width:600px){.footer{font-size:12px}}.footer-content{display:flex;gap:20px;justify-content:space-around;padding-top:15px}@media only screen and (max-width:600px){.footer-content{flex-direction:column}}.contact-info,.footer-nav,.social-links{display:flex;flex-direction:column}.footer-options,.footer-tagline{margin:0}.footer a,.footer p{margin-bottom:5px;opacity:.75;text-decoration:none}.footer a:hover,.footer-options:hover{opacity:1;text-decoration:underline;transition:all .2s ease}.icon{height:13px;margin-right:6px;width:13px}@media only screen and (max-width:600px){.icon{height:10px;width:10px}}.location-icon{height:15px;margin:0 5px -1px -1px;width:15px}@media only screen and (max-width:600px){.location-icon{height:12px;margin:0 5px -1px -1px;width:12px}}.mail-icon{margin-bottom:-1px}.download-icon{height:14px;margin:0 5px -1px -1px;width:14px}@media only screen and (max-width:600px){.download-icon{height:12px;width:12px}}body.light-mode .coming-soon{background:#0000000d}body.dark-mode .coming-soon{background:#ffffff0d}.play-section{animation:appearProjects 2s 1.5s forwards;margin:-50px auto 100px;opacity:0;padding-top:50px;text-align:left;width:80%}@media only screen and (max-width:600px){.play-section{width:100%}}.play-title{font-size:4rem;font-weight:400;margin:0 0 10px;opacity:.95}@media only screen and (max-width:600px){.play-title{font-size:2.4rem;margin-bottom:15px;margin-left:10%}}.games{display:flex;gap:10px;justify-content:space-between;overflow-x:auto;width:100%}@media only screen and (max-width:600px){.games{gap:20px;padding:0 10%}}.coming-soon{border-radius:15px;height:450px;width:450px}@media only screen and (max-width:600px){.coming-soon{display:none}}.coming-soon-text{font-size:2.4rem;font-weight:400;margin-top:32px;opacity:.5;text-align:center}body.light-mode .tenzies{background:#0000000d}body.light-mode .die-face{background:#0000001a;color:#000}body.light-mode .die-face:hover{background:#0003}body.light-mode .die-face:active{background:#0000004d}body.light-mode .die-face.is-held{background:#000000b3;color:#fff}body.light-mode .die-face.is-held:hover{background:#000c}body.light-mode .die-face.is-held:active{background:#000}body.light-mode .roll-dice-cta{background:#0000001a;color:#000}body.light-mode .roll-dice-cta:hover{background:#00000026}body.light-mode .roll-dice-cta:active{background:#00000040}body.dark-mode .tenzies{background:#ffffff0d}body.dark-mode .die-face{background:#ffffff1a;color:#fff}body.dark-mode .die-face:hover{background:#fff3}body.dark-mode .die-face:active{background:#ffffff4d}body.dark-mode .die-face.is-held{background:#ffffffb3;color:#000}body.dark-mode .die-face.is-held:hover{background:#fffc}body.dark-mode .die-face.is-held:active{background:#fff}body.dark-mode .roll-dice-cta{background:#ffffff1a;color:#fff}body.dark-mode .roll-dice-cta:hover{background:#ffffff26}body.dark-mode .roll-dice-cta:active{background:#ffffff40}.tenzies{align-items:center;border-radius:15px;display:flex;flex-direction:column;font-family:Futura,sans-serif;height:450px;padding:20px;width:450px}@media only screen and (max-width:600px){.tenzies{width:100%}}.tenzies-title{font-size:2.4rem;font-weight:400;margin:10px 0 0}@media only screen and (max-width:600px){.tenzies-title{font-size:2rem}}.tenzies-instructions{font-weight:400;margin-top:20px;text-align:center}@media only screen and (max-width:600px){.tenzies-instructions{font-size:12px}}.dice-container{grid-gap:20px;display:grid;gap:20px;grid-template:auto auto/repeat(5,1fr);margin-bottom:20px;margin-top:20px}.die-face{align-items:center;background:#ffffff1a;border-radius:10px;box-shadow:0 2px 2px #00000026;cursor:pointer;display:flex;height:50px;justify-content:center;transition:background .3s ease,color .3s ease;width:50px}@media only screen and (max-width:600px){.die-face{height:40px;width:40px}}.die-num{font-size:1.5rem}@keyframes shake{0%{transform:translateX(0)}50%{transform:translateX(-1px)}to{transform:translateX(1px)}}.roll-dice-cta{border-radius:10px;border-style:none;cursor:pointer;font-family:Futura,sans-serif;font-size:16px;font-weight:700;margin-top:20px;padding:10px 15px;transition:all .2s ease}.roll-dice-cta:hover{animation:shake .3s infinite}@media only screen and (max-width:600px){.roll-dice-cta:hover{animation:shake .3s 2}}body.light-mode .tic-tac-toe{background:#0000000d}body.light-mode .cell,body.light-mode .tic-tac-toe-cta{background:#0000001a;color:#000}body.light-mode .tic-tac-toe-cta:hover{background:#00000026}body.light-mode .tic-tac-toe-cta:active{background:#00000040}body.dark-mode .tic-tac-toe{background:#ffffff0d}body.dark-mode .cell,body.dark-mode .tic-tac-toe-cta{background:#ffffff1a;color:#fff}body.dark-mode .tic-tac-toe-cta:hover{background:#ffffff26}body.dark-mode .tic-tac-toe-cta:active{background:#ffffff40}.tic-tac-toe{align-items:center;border-radius:15px;display:flex;flex-direction:column;font-family:Futura,sans-serif;height:450px;padding:20px;width:450px}@media only screen and (max-width:600px){.tic-tac-toe{width:100%}}.tic-tac-toe-title{font-size:2.4rem;font-weight:400;margin:10px 0 0}@media only screen and (max-width:600px){.tic-tac-toe-title{font-size:2rem}}.board{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:20px}.cell{align-items:center;border-radius:10px;box-shadow:0 2px 2px #00000026;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:50px;justify-content:center;transition:background .3s ease,color .3s ease;width:50px}@media only screen and (max-width:600px){.cell{height:40px;width:40px}}.tic-tac-toe-instructions{font-weight:400;margin-top:20px;text-align:center}@media only screen and (max-width:600px){.tic-tac-toe-instructions{font-size:12px}}.tic-tac-toe-cta{cursor:pointer;padding:10px 15px}.tic-tac-toe-cta,.tic-tac-toe-status{border-radius:10px;border-style:none;font-family:Futura,sans-serif;font-size:16px;font-weight:700;transition:all .2s ease}.tic-tac-toe-info{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-top:20px;width:100%}@media only screen and (max-width:600px){.tic-tac-toe-info{flex-direction:column;gap:0;margin-top:0}}
/*# sourceMappingURL=main.9a8d71b9.css.map*/