input[type=button],input[type=submit],input[type=text]{-webkit-appearance:none;-webkit-border-radius:0}#fork-me{z-index:100}#landing{min-height:100vh;min-height:-webkit-fill-available}.click{pointer-events:auto}.click:hover{color:rgb(88,166,255)}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.scroll-down{position:absolute;right:10px;bottom:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:14px;color:#fff}.scroll-down--left{left:10px;right:auto}.scroll-down span{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;text-orientation:mixed;-webkit-animation-name:bounce-1;animation-name:bounce-1;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@keyframes bounce-1{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.scroll-down svg{margin-top:10px;width:10px}svg{will-change:transform}svg:not(:root){overflow:hidden}.gradient-text,button,canvas{pointer-events:auto}#landing,.footer,.text-box .gradient,.title-box,body{pointer-events:none}body{font-family:Raleway,sans-serif;width:100vw;margin:0;background:black;overflow-x:hidden;justify-content:center;align-items:center}a{color:inherit;text-decoration:inherit}.heading{font-size:larger}.zarif{font-size:4vw;width:max-content}.zarif-2{font-size:2.25vw;display:flex}.heading,.zarif{font-weight:900}.no-pointer{cursor:default}.to-fade-in{opacity:0}.fade-in{opacity:1;animation-name:fadeInOpacity;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:2s;animation-fill-mode:forwards;transition:ease-out}.fast-anim{animation-duration:1s}.anim-delay-2s{opacity:0;animation-delay:2s}.anim-delay-4s{opacity:0;animation-delay:4s}.anim-delay-4-5s{opacity:0;animation-delay:4.5s}.anim-delay-5s{opacity:0;animation-delay:5s}.anim-delay-6s{opacity:0;animation-delay:6s}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}.body{font-size:large;width:max-content}canvas{position:fixed;top:0;left:0;z-index:-1}.flex{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;vertical-align:middle}.break{flex-basis:100%;height:0;margin-top:20px}.title-box{font-size:60px;letter-spacing:7px;word-spacing:12px;text-transform:uppercase}.text-box,.title-box{color:rgb(238,238,238)}.text-box{font-size:10vw;text-transform:none}.item-box{padding:12vw;cursor:pointer}.card,.item-box{border:1px solid gray;border-radius:8px;pointer-events:auto;margin:12vw}.card{background:rgb(6,6,8);padding:.3em;-moz-box-shadow:0 0 8px gray;-webkit-box-shadow:0 0 8px gray;box-shadow:0 0 8px gray}.card>p.card-title{margin-top:0}.card>p.card-info{margin-bottom:0}p.card-title>span:hover{color:rgb(88,166,255);cursor:pointer}img{transition:all .7 linear}img.hover-img{opacity:0}.item-box:hover{background-color:rgba(169,169,169,.137)}.item-box:hover img{opacity:0}.item-box:hover .hover-img{opacity:1}.button-wrapper{display:flex;justify-content:center;align-items:center;padding:20px;flex-direction:row}.button{display:inline-block;font-size:16px;font-weight:700;padding:12px;word-spacing:normal;letter-spacing:5px;border:1px solid white;background:black;cursor:pointer}.button:hover{background:white;color:black}.footer{bottom:25px;position:fixed;height:fit-content;width:-webkit-fill-available}.gradient-text{pointer-events:auto;background:linear-gradient(90deg,red,blueviolet,royalblue,cyan,springgreen,gold,salmon);background-size:200% 200%;animation:rainbow 5s ease-in-out infinite;background-clip:text;-webkit-background-clip:text;transition:color 1.5s ease-in-out}.gradient-text.active{color:rgba(0,0,0,0)}@keyframes rainbow{0%{background-position:0}50%{background-position:100%}to{background-position:0}}.svg-icon{color:white}button{position:relative;border:none;cursor:pointer;background:none;padding:13px;margin:0 12px}button:after,button:before{content:"";width:0;height:2px;position:absolute;transition:all .2s linear}button:before{background:linear-gradient(90deg,blueviolet,royalblue,cyan)}button:after{background:linear-gradient(270deg,gold,salmon)}span:after,span:before{content:"";width:2px;height:0;position:absolute;transition:all .2s linear}span:before{background:linear-gradient(0deg,salmon,red,darkviolet)}span:after{background:linear-gradient(0deg,yellow,springgreen,cyan)}button:hover:after,button:hover:before{width:100%}button:hover span:after,button:hover span:before{height:100%}.btn-3:after{left:0;bottom:0;transition-delay:.6s}.btn-3 span:after{transition-delay:.4s;right:0;bottom:0}.btn-3:before{right:0;top:0;transition-delay:.2s}.btn-3 span:before{left:0;top:0}.btn-3 span:before,.btn-3:hover:after{transition-delay:0s}.btn-3:hover span:after{transition-delay:.2s}.btn-3:hover:before{transition-delay:.4s}.btn-3:hover span:before{transition-delay:.6s}@media (any-hover:hover){.gradient-text:hover{color:rgba(0,0,0,0);cursor:pointer}}@media screen and (min-width:768px){#landing{height:100vh}}@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm){#landing{height:100vh}}@media (max-width:460px){.zarif{font-size:6vw}.zarif-2{font-size:3.5vw}.scroll-down{font-size:12px}}