:root{--dark-color:#191f1d;--mid-dark:#555a57;--light-color:#ece0c8;--mid-light:#949993;--shadow:#0005;--linear-rainbow:linear-gradient(90deg,#ede6bf,#ecc947,#cb5a31,#6f5d79,#4e779a);--circle-rainbow:radial-gradient(circle at left top,#ede6bf,#ecc947,#cb5a31,#6f5d79,#4e779a);--noise-texture:url(https://i.gyazo.com/a26366e538851a5c569ff648e99b7fd4.png);--main-transition:all 0.2s ease-in-out}h1{font-weight:1000;font-size:64px;color:var(--light-color)}h1,h2{margin:0}h2{color:var(--mid-light)}h2,nav{font-size:16px}nav{display:flex;align-items:center;justify-content:end;margin:30px 128px;gap:48px}a,nav{box-sizing:border-box}a{margin:0;padding:0;font-size:12px;color:var(--mid-light);font-weight:400;text-decoration:none;transition:var(--main-transition)}a:not(.buy,.buy-cta,.learn){width:64px}a:hover:not(.buy,.buy-cta,.learn){transition:var(--main-transition);font-weight:900;text-shadow:0 0 8px var(--light-color)}.scotch-container{margin:0;padding:0;display:grid;background-image:linear-gradient(10deg,var(--dark-color) 10.2%,var(--mid-dark) 30.28%);animation:gradientMove 8s ease infinite}.scotch-container:before{background-image:var(--noise-texture);mix-blend-mode:overlay;opacity:.9}.scotch-container:before,.scotch-container:hover:after{content:"";display:flex;position:absolute;height:100%;width:100%;pointer-events:none;z-index:3}.scotch-container:hover:after{background-image:var(--gif-texture);translate:0 0;background-repeat:no-repeat;background-position-y:-20px;background-size:cover;mix-blend-mode:screen;opacity:64%;animation:fadeIn 4s ease-in-out}.main-container{padding:0;margin:auto;display:grid;height:100%;gap:64px;place-items:center;box-sizing:border-box}.text-container{display:flex;flex-direction:column}.text-sphere-container{display:flex;width:125%;gap:128px;align-items:center}.sphere{display:grid;height:200px;width:200px;background-image:var(--circle-rainbow);border:3px solid var(--dark-color);border-radius:50%;transition:all .4s;box-shadow:0 0 var(--shadow)}.sphere:hover{scale:1.1;box-shadow:16px 16px var(--shadow);transition:var(--main-transition)}.buy{display:grid;place-items:center;font-weight:900;border:1px solid var(--mid-light);height:40px;width:128px;transition:var(--main-transition)}.buy:hover{scale:1.1;rotate:-2deg;background:var(--light-color);color:var(--dark-color);border:1px solid var(--light-color);transition:var(--main-transition)}.buy-cta{display:grid;place-items:center;color:var(--dark-color);font-weight:900;background-image:linear-gradient(to right,var(--light-color),var(--light-color));height:40px;width:200px;font-size:16px}.buy-cta,.buy-cta:hover{transition:var(--main-transition)}.buy-cta:hover{scale:1.1;rotate:2deg;color:var(--light-color);background-image:var(--linear-rainbow)}.learn-arrow{margin:-40px 0;text-align:center;transition:var(--main-transition)}.learn:hover{scale:1.2;font-weight:900}.learn{display:grid;font-weight:400;cursor:pointer;font-size:12px;transition:var(--main-transition)}.arrow,.learn{color:var(--light-color)}.arrow{margin:-6px;padding:0;font-size:32px}@keyframes spawn{0%{box-shadow:0 0 0 var(--shadow);opacity:0}to{box-shadow:0 0 32px var(--shadow);opacity:100%}}@keyframes fadeIn{0%{opacity:0}70%{opacity:45%}to{opacity:64%}}.hover-underline{position:relative;display:inline-block}.hover-underline:after,.hover-underline:before{content:"";position:absolute;width:100%;height:2px;background:linear-gradient(90deg,#ff6600,#51dfff);bottom:-5px;left:0;transform:scaleX(0);transform-origin:right;transition:transform .4s ease-out}.hover-underline:before{top:-5px;transform-origin:left}.hover-underline:hover:after,.hover-underline:hover:before{transform:scaleX(1)}.a{color:#e7484f}.b{color:#f68b1d}.c{color:#fced00}.d{color:#009e4f}.e{color:#00aac3}.f{color:#732982}.rainbow{background-color:#343a40;border-radius:4px;color:var(--light-color);font-weight:500;cursor:pointer;padding:8px 16px}.rainbow-1:hover{background-image:linear-gradient(90deg,#00c0ff,#9b9782 49%,#fc4f4f 80%,#00c0ff);animation:slidebg 5s linear infinite}@keyframes slidebg{to{background-position:20vw}}.follow{margin-top:40px}.follow a{color:black;padding:8px 16px;text-decoration:none}