@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@800&family=Rubik+Iso&display=swap";body{background:black;font-family:sans-serif;display:flex;justify-content:center;align-items:center;padding:0;border:0}.hold{min-width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;position:absolute;top:0;left:0}*{margin:0;padding:0}.background{position:relative;top:0;left:0;height:100vh;background:white;display:flex;justify-content:start;align-items:center;padding-top:30px;border-radius:40px;z-index:-100;width:100%}.background h1{text-transform:uppercase;font-size:15vw;color:#212121;height:fit-content;width:100%;padding:20px;border-radius:10px;text-align:start;margin-left:10%}.marquee{font-size:3rem;text-align:center;text-transform:uppercase}@keyframes scaleout{0%{background:white}80%{background:white;transform:translateY(0)}97%{background:transparent;transform:translateY(-100vh)}}.quote{height:100vh;width:100%;color:#f0f8ff;z-index:-10;background:#212121;border-radius:50px 50px 0 0;display:flex;justify-content:center;align-items:center;position:sticky;top:0}.quote h3{position:relative;text-align:center;padding:2em 0;font-size:8vw;width:80%;z-index:100}.background h1 span,.background-overlay h1 span{font-weight:200}.cursor{position:fixed;width:40px;height:40px;margin-left:-20px;margin-top:-20px;border-radius:50%;border:2px solid #212121;transition:transform .3s ease;transform-origin:center center;pointer-events:none;z-index:1000}.quote h3:after{position:absolute;padding:2em 0;z-index:300;clip-path:circle(30% at 50% 50%);overflow:hidden;width:100%;background:#212121;color:#212121;top:0;left:0;content:"Work hard in silence, let your success be your noise."}.quote h3:before{overflow:hidden;position:absolute;width:100%;content:"Work hard in silence, let your success be your noise.";padding:2em 0;top:0;left:0;clip-path:circle(30% at 50% 50%);color:transparent;background:linear-gradient(271deg,#a0e9ff 30%,#a162e8 50%,#f093b0 70%,#edca85 94%);background-clip:text;-webkit-background-clip:text;z-index:500}.container{position:relative;z-index:-200;height:fit-content;width:60%;margin:0;gap:4em;padding:4em;display:flex;flex-direction:column;align-items:start}.container h2{font-size:10vh;color:#ffdab9;width:60%;text-align:start}.container p{width:60%;font-size:6vh;color:#fff;font-weight:500;padding:20px;border-radius:30px;z-index:-100}.links{display:flex;justify-content:space-evenly;align-items:end;height:fit-content;z-index:1;background:black;width:auto;-moz-border-radius:0px;-webkit-border-radius:50px 50px 0px 0px;border-radius:50px 50px 0 0}.links a{background:linear-gradient(271deg,#a0e9ff 30%,#a162e8 50%,#f093b0 70%,#edca85 94%);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:2em;text-decoration:none;background-size:200%;background-position:50%;padding:30px;z-index:20000000;transform:translateZ(20px);text-transform:lowercase;height:fit-content;text-align:center;display:flex;justify-content:center;align-items:center;position:sticky}.background-overlay{background:black;color:#fff;position:absolute;top:0;left:0;width:100%;height:100vh;clip-path:circle(200px at var(--x, 50%) var(--y, 50%));transition:clip-path .1s;z-index:1000;display:flex;justify-content:center;align-items:center;padding-top:30px;border-radius:40px;z-index:-1}.background-overlay h1{text-transform:uppercase;font-size:15vw;color:transparent;background:linear-gradient(271deg,#a0e9ff 30%,#a162e8 50%,#f093b0 70%,#edca85 94%);background-clip:text;-webkit-background-clip:text;height:fit-content;padding:20px;border-radius:10px;text-align:start;margin-left:10%}#loading{position:fixed;top:0;left:0;margin:0;padding:0;z-index:100;animation:moveback 3.9s linear forwards}@keyframes moveback{99%{z-index:100}to{z-index:-100}}.text-wrapper{position:fixed;top:0;left:0;margin:0;color:#212121;height:100%;width:100%;z-index:-700;display:flex;justify-content:center;align-items:center;background:transparent;animation:scaleout 3.9s ease-out forwards}.text-wrapper p{font-size:5rem;text-align:center;position:absolute;font-weight:700;line-height:0;margin:0}.line{position:relative}.linemask{position:absolute;top:0;right:0;width:100%;height:100%;background:black;opacity:.65;z-index:10000;margin:0}canvas{position:fixed;top:0;left:0;z-index:-100;width:100%;height:100%;background:transparent}@media only screen and (max-width: 600px){html{height:100%;margin:0;padding:0;overflow:auto;-webkit-overflow-scrolling:touch;viewport-fit:cover}#text{font-size:3.8rem;width:100%}#about{font-size:3rem;width:100%}.container{width:90%;padding:0;margin-top:50px;margin-bottom:50px}.background h1{font-size:5rem;font-family:sans-serif;text-transform:uppercase;width:min-content;background:linear-gradient(271deg,#a162e8 50%,#f093b0 70%,#edca85 94%);background-clip:text;-webkit-background-clip:text;color:transparent;background-size:200% auto;animation:gradientmove 10s linear infinite}.background-overlay{display:none}.background h1 span{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:200;text-transform:uppercase;color:#212121}@keyframes gradientmove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%;background-blend-mode:darken}}#quotetxt{font-size:3rem}.quote{height:150vh}}