:root{--primary-color: #FF8709;--secondary-color: #7C7C6F;--tertiary-color: #FFFCE1;--quaternary-color: #0E100F}html{scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--quaternary-color)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#111;color:#fff}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:var(--tertiary-color)}::-webkit-scrollbar-thumb{background:#888;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#555}.menu{display:flex;justify-content:space-between;align-items:center;padding:20px 50px;background:#000c;position:fixed;width:100%;top:0;left:0}.menu .logo{font-size:24px;font-weight:700}.menu nav ul{list-style:none;display:flex;gap:20px}.menu nav ul li a{color:#fff;text-decoration:none;font-size:18px}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;position:relative}.hero h1{font-size:20vw;position:absolute;opacity:0;color:#fffce1}#text1{top:10%;width:auto}#middle{font-size:5vw;top:50%;transform:translateY(-50%);color:#ff8709;animation:middle 2s;animation-iteration-count:2;animation-delay:2.6s}#text2{bottom:10%}#animatedText{font-size:50px;white-space:nowrap;overflow:hidden}.highlight{color:#7c7c6f}@keyframes middle{50%{color:#080808;transform:scale(2);transform:rotate(180deg)}}.portfolio{background-color:var(--tertiary-color);color:var(--quaternary-color);height:auto;min-height:100vh}.portfolio h1{text-align:center;color:var(--primary-color);font-size:3em;padding:20px;margin-bottom:20px;font-family:Arial,sans-serif;text-transform:uppercase}.portfolio-container{display:flex;flex-wrap:wrap;justify-content:space-around;padding:20px}.portfolio-item{border-radius:5px;margin:10px;overflow:hidden;width:300px;height:200px}.portfolio-item h4{color:var(--primary-color);padding-top:10px}.portfolio-item:hover{box-shadow:0 4px 8px #0000001a}.portfolio-item img{border:3px solid #000000;border-radius:5px;display:block;max-width:100%;max-height:150px;transition:transform .5s}.portfolio-item h3{font-size:1.5em;margin:10px}.portfolio-item p{color:#666;font-size:1em;margin:10px}.portfolio nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:10px;box-shadow:2px -1px 20px 4px #0000004d;transition:box-shadow .4s ease;animation:shadowFloat 4s ease-in-out infinite}.portfolio nav:hover{box-shadow:0 0 15px 2px #ff87094d,5px -5px 40px 10px #00000026;animation:shadowPulse 4s ease-in-out infinite}.portfolio nav label{color:var(--primary-color);font-size:1.5em;margin:10px;text-align:center;border:1px solid var(--primary-color);border-radius:15px;padding:5px;cursor:pointer;background-color:var(--quaternary-color)}.portfolio nav label:hover{background-color:var(--primary-color);color:var(--quaternary-color)}.portfolio nav input{display:none}.portfolio nav input:checked+nav{background-color:var(--secondary-color);color:var(--secondary-color)}.portfolio nav label:has(input[type=checkbox]:checked){background-color:var(--primary-color);color:var(--tertiary-color)}@keyframes shadowFloat{0%,to{box-shadow:0 0 15px 2px #ff87094d,5px -5px 40px 10px #00000026}50%{box-shadow:2px 2px 20px 3px #ff87094d,7px -3px 45px 12px #00000026}}@keyframes shadowPulse{0%,to{box-shadow:0 0 15px 3px #ff870999,5px -5px 40px 10px #00000026}50%{box-shadow:0 0 30px 7px #ff8709e6,5px -5px 50px 15px #00000040}}#scrolling-text{position:relative;overflow:hidden;width:100%;height:100vh}.horizontal-scroll{overflow:hidden;white-space:nowrap;display:flex;align-items:center;height:100vh;position:relative}.horizontal-wrapper{display:flex}.horizontal-text{display:inline-block;font-size:2rem;padding:0 50vw;white-space:nowrap}.word{font-size:48px;opacity:0;display:inline-block;margin-right:5px}.bubbles-wrapper{width:300px}.bubbles-wrapper .bubble:nth-child(1){background-color:red;top:-100px;left:50px;position:relative}.bubbles-wrapper .bubble:nth-child(2){background-color:green;top:-20px;position:absolute}.bubbles-wrapper .bubble:nth-child(3){background-color:#00f;top:20px;right:333px;position:relative}.bubble{background:#fc0;padding:15px 20px;border-radius:20px;font-weight:700;transform-origin:center;font-size:72px}.bubble:nth-child(2){background-color:#0ff}.split-wrapper{position:relative}.split:nth-child(1){top:-20px;position:relative}.split:nth-child(2n){top:20px;left:0;position:absolute}.extra-bubbles{background-color:#8a2be2;color:#000}.extra-bubble{position:absolute;opacity:0;transform:scale(.5) translateY(50px);transition:opacity .3s,transform .3s;background-color:#e380f0;padding:10px 20px;border-radius:20px}.extra-bubbles span:nth-child(2n){background-color:#90ee90}.extra-bubbles span:nth-child(2n){background-color:salmon}.extra-bubbles span:nth-child(3n){background-color:#7fffd4}