This repository has been archived by the owner on Jun 29, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathstyles.3de534c2c123d482e77e.css
1 lines (1 loc) · 9.14 KB
/
styles.3de534c2c123d482e77e.css
1
@import url(https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@300;400;500;600;700;800&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body,html{background:#1e1e1e;background-image:url(/dots.png)}a,h1,h2,h3,h4,h5,h6,p{color:#fff}body{font-family:Darker Grotesque,sans-serif;overflow:hidden}.container{margin:0 auto;max-width:800px;position:relative}@media(max-width:48rem){.container{width:100%}}main{position:relative}.bg-wrapper{width:100%}.bg-wrapper .gradient-1{position:absolute;right:-500px;top:-1000px}.bg-wrapper .gradient-2{bottom:-1400px;left:-900px;position:absolute;width:1800px}.main-box{overflow:hidden;position:relative}.main-box .hero-gradient-bg{bottom:0;-webkit-filter:blur(120px);filter:blur(120px);left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:0}@media(max-width:30rem){.main-box .hero-gradient-bg{-webkit-filter:blur(80px);filter:blur(80px)}}.main-box .hero-gradient-bg .gradient{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(.1,0,.9,1);animation-timing-function:cubic-bezier(.1,0,.9,1);border-radius:100%;opacity:1;position:absolute}.main-box .hero-gradient-bg .gradient-1{-webkit-animation-duration:11s;animation-duration:11s;-webkit-animation-name:animation-gradient-1;animation-name:animation-gradient-1;background:#7928ca;height:700px;left:60%;top:40%;width:700px;z-index:-2}@media(max-width:30rem){.main-box .hero-gradient-bg .gradient-1{height:300px}}.main-box .hero-gradient-bg .gradient-2{animation-direction:reverse;-webkit-animation-duration:11s;animation-duration:11s;-webkit-animation-name:animation-gradient-2;animation-name:animation-gradient-2;background:#00c2ff;height:600px;left:50%;top:60%;width:600px;z-index:-1}@media(max-width:30rem){.main-box .hero-gradient-bg .gradient-2{height:300px}}.main-box .hero-gradient-bg .gradient-3{-webkit-animation-duration:11s;animation-duration:11s;-webkit-animation-name:animation-gradient-3;animation-name:animation-gradient-3;background:#f32b8b;height:600px;left:50%;top:50%;width:600px;z-index:-3}@media(max-width:30rem){.main-box .hero-gradient-bg .gradient-3{height:300px}}.main-box{align-items:center;color:#fff;display:flex;height:100vh;justify-content:center;text-align:center}.main-box img{width:600px}.main-box h1{font-size:48px;font-weight:200;margin-bottom:12px}.main-box a{border:1px solid #fff;border-radius:25px;display:inline-flex;font-size:24px;justify-content:center;line-height:100%;margin-top:24px;padding:12px 30px;text-decoration:none}.logo-wrapper{z-index:1}@media(max-width:30rem){.logo-wrapper{padding:32px}}.logo-wrapper .logo{width:600px}@media(max-width:30rem){.logo-wrapper .logo{width:300px}}.logo-wrapper h1{font-size:48px}@media(max-width:30rem){.logo-wrapper h1{font-size:32px}}@-webkit-keyframes animation-gradient-1{0%{-webkit-transform:translateY(-50%) translateX(-50%) rotate(-20deg) translateX(20%);transform:translateY(-50%) translateX(-50%) rotate(-20deg) translateX(20%)}25%{-webkit-transform:translateY(-50%) translateX(-50%) skew(-15deg,-15deg) rotate(80deg) translateX(30%);transform:translateY(-50%) translateX(-50%) skew(-15deg,-15deg) rotate(80deg) translateX(30%)}50%{-webkit-transform:translateY(-50%) translateX(-50%) rotate(180deg) translateX(25%);transform:translateY(-50%) translateX(-50%) rotate(180deg) translateX(25%)}75%{-webkit-transform:translateY(-50%) translateX(-50%) skew(15deg,15deg) rotate(240deg) translateX(15%);transform:translateY(-50%) translateX(-50%) skew(15deg,15deg) rotate(240deg) translateX(15%)}to{-webkit-transform:translateY(-50%) translateX(-50%) rotate(340deg) translateX(20%);transform:translateY(-50%) translateX(-50%) rotate(340deg) translateX(20%)}}@keyframes animation-gradient-1{0%{-webkit-transform:translateY(-50%) translateX(-50%) rotate(-20deg) translateX(20%);transform:translateY(-50%) translateX(-50%) rotate(-20deg) translateX(20%)}25%{-webkit-transform:translateY(-50%) translateX(-50%) skew(-15deg,-15deg) rotate(80deg) translateX(30%);transform:translateY(-50%) translateX(-50%) skew(-15deg,-15deg) rotate(80deg) translateX(30%)}50%{-webkit-transform:translateY(-50%) translateX(-50%) rotate(180deg) translateX(25%);transform:translateY(-50%) translateX(-50%) rotate(180deg) translateX(25%)}75%{-webkit-transform:translateY(-50%) translateX(-50%) skew(15deg,15deg) rotate(240deg) translateX(15%);transform:translateY(-50%) translateX(-50%) skew(15deg,15deg) rotate(240deg) translateX(15%)}to{-webkit-transform:translateY(-50%) translateX(-50%) rotate(340deg) translateX(20%);transform:translateY(-50%) translateX(-50%) rotate(340deg) translateX(20%)}}@-webkit-keyframes animation-gradient-2{0%{-webkit-transform:translateY(-50%) translateX(-50%) rotate(40deg) translateX(-20%);transform:translateY(-50%) translateX(-50%) rotate(40deg) translateX(-20%)}25%{-webkit-transform:translateY(-50%) translateX(-50%) skew(15deg,15deg) rotate(110deg) translateX(-5%);transform:translateY(-50%) translateX(-50%) skew(15deg,15deg) rotate(110deg) translateX(-5%)}50%{-webkit-transform:translateY(-50%) translateX(-50%) rotate(210deg) translateX(-35%);transform:translateY(-50%) translateX(-50%) rotate(210deg) translateX(-35%)}75%{-webkit-transform:translateY(-50%) translateX(-50%) skew(-15deg,-15deg) rotate(300deg) translateX(-10%);transform:translateY(-50%) translateX(-50%) skew(-15deg,-15deg) rotate(300deg) translateX(-10%)}to{-webkit-transform:translateY(-50%) translateX(-50%) rotate(400deg) translateX(-20%);transform:translateY(-50%) translateX(-50%) rotate(400deg) translateX(-20%)}}@keyframes animation-gradient-2{0%{-webkit-transform:translateY(-50%) translateX(-50%) rotate(40deg) translateX(-20%);transform:translateY(-50%) translateX(-50%) rotate(40deg) translateX(-20%)}25%{-webkit-transform:translateY(-50%) translateX(-50%) skew(15deg,15deg) rotate(110deg) translateX(-5%);transform:translateY(-50%) translateX(-50%) skew(15deg,15deg) rotate(110deg) translateX(-5%)}50%{-webkit-transform:translateY(-50%) translateX(-50%) rotate(210deg) translateX(-35%);transform:translateY(-50%) translateX(-50%) rotate(210deg) translateX(-35%)}75%{-webkit-transform:translateY(-50%) translateX(-50%) skew(-15deg,-15deg) rotate(300deg) translateX(-10%);transform:translateY(-50%) translateX(-50%) skew(-15deg,-15deg) rotate(300deg) translateX(-10%)}to{-webkit-transform:translateY(-50%) translateX(-50%) rotate(400deg) translateX(-20%);transform:translateY(-50%) translateX(-50%) rotate(400deg) translateX(-20%)}}@-webkit-keyframes animation-gradient-3{0%{-webkit-transform:translateY(-50%) translateX(-50%) translateX(-15%) translateY(10%);transform:translateY(-50%) translateX(-50%) translateX(-15%) translateY(10%)}20%{-webkit-transform:translateY(-50%) translateX(-50%) translateX(20%) translateY(-30%);transform:translateY(-50%) translateX(-50%) translateX(20%) translateY(-30%)}40%{-webkit-transform:translateY(-50%) translateX(-50%) translateX(-25%) translateY(-15%);transform:translateY(-50%) translateX(-50%) translateX(-25%) translateY(-15%)}60%{-webkit-transform:translateY(-50%) translateX(-50%) translateX(30%) translateY(20%);transform:translateY(-50%) translateX(-50%) translateX(30%) translateY(20%)}80%{-webkit-transform:translateY(-50%) translateX(-50%) translateX(5%) translateY(35%);transform:translateY(-50%) translateX(-50%) translateX(5%) translateY(35%)}to{-webkit-transform:translateY(-50%) translateX(-50%) translateX(-15%) translateY(10%);transform:translateY(-50%) translateX(-50%) translateX(-15%) translateY(10%)}}@keyframes animation-gradient-3{0%{-webkit-transform:translateY(-50%) translateX(-50%) translateX(-15%) translateY(10%);transform:translateY(-50%) translateX(-50%) translateX(-15%) translateY(10%)}20%{-webkit-transform:translateY(-50%) translateX(-50%) translateX(20%) translateY(-30%);transform:translateY(-50%) translateX(-50%) translateX(20%) translateY(-30%)}40%{-webkit-transform:translateY(-50%) translateX(-50%) translateX(-25%) translateY(-15%);transform:translateY(-50%) translateX(-50%) translateX(-25%) translateY(-15%)}60%{-webkit-transform:translateY(-50%) translateX(-50%) translateX(30%) translateY(20%);transform:translateY(-50%) translateX(-50%) translateX(30%) translateY(20%)}80%{-webkit-transform:translateY(-50%) translateX(-50%) translateX(5%) translateY(35%);transform:translateY(-50%) translateX(-50%) translateX(5%) translateY(35%)}to{-webkit-transform:translateY(-50%) translateX(-50%) translateX(-15%) translateY(10%);transform:translateY(-50%) translateX(-50%) translateX(-15%) translateY(10%)}}