body,html{margin:0}body{overflow-x:hidden}body div{font-family:Rubik,sans-serif}::-webkit-scrollbar{width:8px;background:#fff}::-webkit-scrollbar-thumb{background:gray;min-height:10px}.menu:hover{opacity:.3}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{position:relative;background:#fff;padding:20px;border-radius:8px}.modal-content img{max-width:100%;height:auto;display:block}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#000}.otherNav{color:#fff;text-decoration:none;margin:0 10px}.otherNav:hover{transform:scale(1.1);transition:transform .2s ease-in-out}@keyframes moveUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.scroll-img{opacity:0;width:10%;height:auto;animation:moveUpDown 1.5s infinite ease-in-out;transition:opacity 1s ease-in-out}.show{opacity:1}.rectangleContainer:hover,.rectangleContainer.jump{animation:jump-up .3s}@keyframes jump-up{0%{transform:translateY(0)}50%{transform:translateY(-10%)}to{transform:translateY(0)}}.rectangleContainer{height:120px;width:480px;box-sizing:border-box;--width: 360px;--height: 60px;--translateZ: 30px;--borderThick: 5px;perspective:4500px;-webkit-user-select:none;user-select:none}.rectangle{transform-style:preserve-3d;width:var(--width);height:var(--height);transform-origin:center center;transition:transform .3s ease-in-out}.rectangle.slow-transition{transition:transform 1.5s ease-in-out}.rectangleContainer .cube-face{width:100%;height:100%;position:absolute;font-size:21px;font-weight:900;background:#ff0;color:#000;display:flex;align-items:center;justify-content:center}.rectangle .front,.rectangle .back,.rectangle .top,.rectangle .bottom{background:#fff;border-radius:30px;box-sizing:border-box;width:var(--width);height:var(--height)}.rectangle .front{border:var(--borderThick) solid grey;transform:translateZ(var(--translateZ))}.rectangle .back{border:var(--borderThick) solid #b1fca2;transform:rotateY(180deg) rotate(180deg) translateZ(var(--translateZ))}.rectangle .top{border:var(--borderThick) solid #fca2b1;transform:rotateX(90deg) translateZ(var(--translateZ))}.rectangle .bottom{border:var(--borderThick) solid #a2b1fc;transform:rotateX(-90deg) translateZ(var(--translateZ))}.rectangle .left{background:purple;transform:rotateY(-90deg) translateZ(var(--translateZ))}.rectangle .right{background:#ff4500;transform:rotateY(90deg) translateZ(var(--translateZ))}.circle-face{transition:transform .3s}.circle-face:hover,.circle-face.slide-left{animation:slide-left .3s}.circle-img{transition:transform .3s}.circle-img.img-slide-left{animation:img-slide-left .3s forwards}.circle-img.img-slide-in{animation:img-slide-in .3s forwards}@keyframes slide-left{0%{transform:translate(0)}50%{transform:translate(-20px)}to{transform:translate(0)}}@keyframes img-slide-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes img-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.about-me{width:69vw;display:flex;flex-direction:row;align-items:flex-start;height:70vh;box-sizing:border-box;background-color:#fff}.about-me__img-container{width:32vw;height:70vh;border:4px solid black;background:#000 url(/assets/TaewonRunningHeartTrimmed.jpg) no-repeat center;background-size:100%;cursor:crosshair;overflow:hidden;box-sizing:border-box}.about-me__right{display:flex;flex-direction:column;width:32vw;margin-left:auto;box-sizing:border-box}.about-me__text{border:4px solid #fca2b1;padding:20px;box-sizing:border-box;width:100%}.about-me__skills{border:4px solid #b1fca2;padding:20px;box-sizing:border-box;width:100%;position:static;bottom:auto}@media (max-width: 768px){.about-me{flex-direction:column;width:100%;height:auto;align-items:center;padding:1rem 0}.about-me__img-container{width:100%;height:50vh;border:none;background-size:cover}.about-me__right{width:100%;margin:1rem 0}.about-me__text,.about-me__skills{width:90%;max-width:500px;margin:1rem auto;position:static;bottom:auto}.about-me__text h1,.about-me__skills h1{font-size:clamp(1.5rem,6vw,2rem);margin-bottom:.5rem}.about-me__text p{font-size:clamp(1rem,4vw,1.25rem);line-height:1.4;word-break:break-word}}h2{color:#fff;font-size:1vw;font-weight:700}a{text-decoration:none}html{scroll-behavior:smooth}.nav-link{display:block;transition:transform .3s ease}.nav-link:hover{transform:scale(1.3)}.nav-link:hover h2{color:#b8f3ff;transition:color .3s ease}.Contact{width:100%;height:auto;justify-content:center;display:flex;border:#a8436f solid 3px;background-color:#fff}.bg-image{position:relative;width:100%;height:auto;overflow:hidden}.bg-image:before{content:"";position:absolute;width:90vw;height:30vh;background-image:url(/assets/Extras/JustMeSmiling.png);background-position:center;background-repeat:no-repeat;background-size:contain;z-index:-1}@keyframes slideLeft{0%{background-position:0 0}to{background-position:-100% 0}}.unity-empty-game{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;box-sizing:border-box}.setup-screen,.end-screen{text-align:center}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:360px;margin:0 auto}.controls{margin-top:10px;text-align:center}.found-sets{margin-top:20px;width:360px;margin-left:auto;margin-right:auto}.message{text-align:center;margin-bottom:10px}.header2{color:#000}.game-room{font-family:sans-serif;text-align:center;margin-top:40px}.game-room h2,.game-room h3{margin:10px}.game-room select,.game-room button{margin:10px;padding:8px 16px;font-size:1rem}.game-header{width:100%}.gameNav{color:#000;text-decoration:none;font-size:1.2rem;font-weight:700;transition:color .3s}.gameNav:hover{color:#a2b1fc}.scrib-container{max-width:400px;margin:2rem auto;padding:1.5rem;border:1px solid #ddd;border-radius:8px;font-family:sans-serif;background:#fafafa;text-align:center}.scrib-container h2{margin-bottom:1rem}.terms{margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.terms a{color:#06c;text-decoration:underline}.download-button{display:inline-block;padding:.75rem 1.5rem;border-radius:4px;text-decoration:none;font-weight:700;transition:background .2s}.download-button.disabled{background:#ccc;color:#666;cursor:not-allowed}.download-button.enabled{background:#28a745;color:#fff;cursor:pointer}.download-button.enabled:hover{background:#218838}