@import url(https://fonts.googleapis.com/css2?family=Varela+Round&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;background-attachment:fixed!important;background-image:url(/portfolio/static/media/background.8c47d5d15592303595ce.png)!important;background-repeat:no-repeat!important;background-size:cover!important;min-height:100vh!important;position:relative;transform-style:preserve-3d!important}.App:before{background:repeating-linear-gradient(180deg,#000000db,#2c3e50db,#211f2fdb);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.logoPage{background-image:url(/portfolio/static/media/background.8c47d5d15592303595ce.png)!important}.logoPage:before{background:#000!important}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-horizontal{height:3px}::-webkit-scrollbar-track{background:#f1f1f111}::-webkit-scrollbar-thumb{background:#000;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}body{cursor:none;font-family:Varela Round,sans-serif;margin:0;overflow-x:hidden;padding:0;scroll-behavior:smooth}.greetings{display:flex;justify-content:space-between;padding-top:3rem;position:relative;width:100vw}.heroHeading{background:linear-gradient(90deg,#5d80e5,#d35362);-webkit-background-clip:text;background-size:100%;display:inline}.BlogsHeading,.heroHeading{-webkit-text-fill-color:#0000}.BlogsHeading{background:linear-gradient(90deg,#859de7,#ce3c4d);-webkit-background-clip:text;background-size:28%}.imageContainer{margin-left:5rem;margin-top:6rem}.enlarge1:hover{border-radius:.3rem;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030!important;height:8rem!important;right:12.5rem!important;top:4rem!important;transition:.5s!important;width:14rem!important;z-index:1!important}.enlarge2:hover{right:20rem!important}.enlarge2:hover,.enlarge3:hover{border-radius:.3rem;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030!important;height:8rem!important;top:6rem!important;transition:.5s!important;width:14rem!important;z-index:1!important}.enlarge3:hover{right:4rem!important}.mouse-dot{background-color:initial;border:2px solid #fff;border-radius:50%;pointer-events:none;position:fixed;transition:width .2s,height .2s;z-index:10}.app{height:100vh;overflow-x:hidden;position:relative}.page{background-color:#fff;bottom:0;display:none;position:fixed;width:100vw;z-index:1}@keyframes expandHeight{0%{background-color:#211f2f;background:repeating-linear-gradient(180deg,#000,#2c3e50,#171622);height:0;opacity:.5}to{background-color:#565367;background:repeating-linear-gradient(180deg,#000,#2c3e50,#171622);height:100vh;opacity:1}}.showPage{align-items:center;animation:expandHeight 1s ease;display:flex;flex-direction:column;width:100vw}@keyframes expandStarterHeight{0%{background-color:#211f2f;background:repeating-linear-gradient(90deg,#000,#2c3e50,#211f2f);height:100vh;opacity:0}to{background-color:#565367;background:repeating-linear-gradient(90deg,#000,#2c3e50,#211f2f);height:100vh;opacity:1}}.showStarterPage{align-items:center;animation:expandStarterHeight .7s ease;display:flex;flex-direction:column;width:100vw}.topTheText{font:3rem;opacity:0!important;transform:translateY(-22rem);transition:.9s}@keyframes updown{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.downArrow{animation:updown 1.5s ease-in-out infinite}@keyframes changeOpacity{0%{opacity:0;transform:translateY(5zrem)}to{opacity:1;transform:translateY(0)}}.showStarter{animation:changeOpacity .6s ease;transition:.9s}.exploreMore{border-image:repeating-linear-gradient(to bottom right,#fc0,#6f00ff) 1!important;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;color:#fff!important;transition:.1s}.exploreMore:hover{background:repeating-linear-gradient(to bottom right,#fc0,#6f00ff)!important;background:#0000;border-color:#000;border-radius:.2rem;color:#000!important}.doBuisness{border-image:repeating-linear-gradient(to bottom right,#fc0,#6f00ff) 1!important;border-radius:.2rem;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;color:#fff!important;transition:.1s}.doBuisness:hover{background:repeating-linear-gradient(to bottom right,#fc0,#6f00ff);border-color:#000;border-radius:.2rem;color:#000!important}.default{transform:translateY(25rem)}.blogSection{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));justify-items:center;margin-left:3.5rem;padding:0 2rem}.blogItem{cursor:pointer;display:inline-block;height:200px;margin:60px;width:300px}.footer{background-color:#f8f9fa23;background-color:#00000068;bottom:0;color:#fff;color:#fff!important;font-family:monospace;font-size:.9rem;font-size:1rem;left:0;margin-top:5rem;padding:10px 0;position:relative;text-align:center;width:100%}.footer p{margin:0}.blogHeadingAnimated{-webkit-text-fill-color:#0000;animation:none;background:linear-gradient(90deg,#859de7,#ce3c4d);-webkit-background-clip:text;background-size:28%;font-size:2.5rem!important;margin-left:2rem!important;position:absolute}@media screen and (max-width:1124px){.greetings{align-items:center!important;flex-direction:column!important;justify-content:center!important}.imageContainer{margin:0!important}.Terminal{font-size:80%;margin-top:2rem!important}.terminal{width:90%!important}.blogItem{transform:none}.typing-text{font-size:40%}.homeTypingText{font-size:2rem!important;margin-top:2rem!important}.heroHeading{font-size:1.8rem!important}.text{padding:1rem!important}.blogDiminished{display:block}.homeScrollBtn{font-size:2rem!important;margin-bottom:-15rem!important}.terminal-input,.terminal-prompt{font-size:.6rem!important}}@media screen and (max-width:1424px){.blogDiminished{display:block}}.custom-cursor{transition:transform .1s ease,background-color .2s ease}.service-card:hover .custom-cursor{background-color:#ff6b6b}body{background:#1e1e1e;color:#e0e0e0;font-family:Arial,sans-serif}.testimonials-section{padding:60px 20px;text-align:left}.testimonials-heading{color:#fff;font-size:2rem;font-weight:700;margin-bottom:40px;opacity:.8;transition:opacity .3s ease-in-out}.testimonials-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:start;margin:0 2rem}.testimonial-card{background:#2e2e2e;border-radius:15px;box-shadow:0 8px 15px #0003;cursor:pointer;max-width:280px;padding:20px;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease,rotate .3s ease}.testimonial-card:hover{box-shadow:0 15px 40px #0006;transform:scale(1.05) rotate(1deg)}.testimonial-icon{background:linear-gradient(45deg,#fff,#1100cb);border-radius:50%;box-shadow:0 5px 15px #ff7db34d;height:50px;left:50%;position:absolute;top:-25px;transform:translateX(-50%);width:50px}.testimonial-image{border:3px solid #fff;border-radius:50%;height:80px;margin-bottom:15px;object-fit:cover;width:80px}.testimonial-text{color:#ccc;font-size:1rem;line-height:1.5;margin-bottom:15px;text-align:justify}.testimonial-name{color:#fff;font-size:1.2rem;font-weight:700}.testimonial-role{color:#999;font-size:.9rem}.edge-element{align-items:center;background-color:#90ee90;border-radius:100%;display:flex;height:30px;justify-content:center;position:absolute;transform-origin:center center;transition:1s ease;width:30px}.edge-element:hover{background-color:#ff6b6b;scale:1.2}.edge-element:first-child{transform:rotate(148deg) translateX(85px) rotate(121deg)}.edge-element:nth-child(2){transform:rotate(-186deg) translateX(85px) rotate(188deg)}.edge-element:nth-child(3){transform:rotate(225deg) translateX(85px) rotate(225deg)}.edge-element:nth-child(4){transform:rotate(122deg) translateX(85px) rotate(-483deg)}.edge-element:nth-child(5){transform:rotate(96deg) translateX(85px) rotate(-275deg)}.contact-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}@media screen and (max-width:600px){.contact-grid{grid-template-columns:1fr}}.contact-form{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background-color:hsla(0,0%,100%,.048);border:1px solid #fff3;border-radius:8px;margin:2rem 20rem;padding:20px}.contact-form h1{margin-bottom:20px;text-align:center}.form-group{margin-bottom:20px;width:100%}.form-group label{color:#fff;display:block;font-size:16px;font-weight:600;margin-bottom:8px}.input-container{position:relative;width:100%}.input-container input{background-color:#2e2e2e;border:2px solid #444;border-radius:8px;box-sizing:border-box;color:#fff;font-size:16px;padding:12px 16px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.input-container input:focus{border-color:#00bcd4;box-shadow:0 0 8px #00bcd480;outline:none}.input-container input::placeholder{color:#888;font-size:14px}.input-container input:hover{border-color:#888}@media (max-width:600px){.form-group{max-width:100%}.form-group label{font-size:14px}.input-container input{font-size:14px;padding:10px 14px}}.services{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:10px}.service-item{align-items:center;background-color:#2e2e2e;border-radius:10px;box-shadow:0 4px 8px #0000001a;color:#fff;display:flex;gap:10px;padding:15px;transition:transform .2s ease,box-shadow .2s ease}.service-item:hover{box-shadow:0 6px 12px #0003;transform:translateY(-5px)}.service-item input{cursor:pointer;height:18px;width:18px}.service-item label{cursor:pointer;font-size:16px;font-weight:700}@media (max-width:600px){.services{grid-template-columns:1fr}}.budget-container{align-items:center;display:flex;gap:10px}.budget-container input[type=range]{-webkit-appearance:none;background:#444;border-radius:8px;height:8px;outline:none;transition:background .3s ease;width:100%}.budget-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#00bcd4;border-radius:50%;cursor:pointer;height:20px;-webkit-transition:background .3s ease,transform .2s ease;transition:background .3s ease,transform .2s ease;width:20px}.budget-container input[type=range]:hover{background:#555}.budget-container input[type=range]::-webkit-slider-thumb:hover{background:#00e5ff;transform:scale(1.1)}.budget-display{color:#00bcd4;font-size:16px;font-weight:700}textarea{background-color:#2e2e2e;border:2px solid #444;border-radius:8px;box-sizing:border-box;color:#fff;font-size:16px;height:15rem;padding:12px 16px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}textarea:focus{border-color:#00bcd4;box-shadow:0 0 8px #00bcd480;outline:none}textarea::placeholder{color:#888;font-size:14px}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:initial;border-radius:8px;box-shadow:0 4px 10px #0000001a;overflow-y:auto;padding:30px;width:90%}.home_container__lEs\+Y{background:#0000;height:100%;overflow-x:hidden;position:relative;width:100vw}.home_navBall__pTR5M{background-color:#f0f8ff;height:45px;padding:15px 10px 10px 15px;right:-12px;top:-10px;width:45px;z-index:100}.home_mainNavBall__CSWLJ,.home_navBall__pTR5M{align-items:center;border-radius:50%;box-shadow:0 15px 30px #0000004d,0 30px 60px #00000040,0 45px 90px #0003;cursor:pointer;display:flex;flex-direction:column;justify-content:center;position:fixed}.home_mainNavBall__CSWLJ{background-color:#fff;height:0;right:-100px;top:-100px;transition:.8s!important;width:0;z-index:50}.home_navBallLine1__t2kap,.home_navBallLine2__gaiCf,.home_navBallLine3__rjmpt{background:#000;height:2px;margin:2px 1rem 2px 0;transition:.8s!important;width:30px}.home_navBallLine2__gaiCf{margin-bottom:3px;margin-left:6px;margin-top:3px}.home_projects__2WgdM,.home_skills__0jLKg{margin:1rem 0 1rem 8rem}.home_skill__BRPiv{align-items:center;border:2px solid hsla(0,0%,100%,.288);border-radius:5px;box-shadow:0 15px 30px #0000004d,0 30px 60px #00000040,0 45px 90px #0003;color:#fff;cursor:pointer;display:flex;justify-content:center;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:1rem}.home_filledSkill__osuuM{background-color:hsla(0,0%,100%,.313)}.home_filledSkill__osuuM:hover,.home_unfilledSkill__YbFZL:hover{background-color:hsla(0,0%,100%,.567)}@media screen and (max-width:1124px){.home_skills__0jLKg{margin:2rem!important}}.container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.container .card{border-radius:15px;box-shadow:inset 5px 5px 5px #0003,inset -5px -5px 15px #ffffff1a,5px 5px 15px #0000004d,-5px -5px 15px #ffffff1a;height:270px;min-width:250px;overflow:hidden;position:relative;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.container .card .box{align-items:center;background:#2a2b2f;border-radius:15px;bottom:20px;display:flex;justify-content:center;left:20px;overflow:hidden;position:absolute;right:20px;top:20px;transition:transform .5s ease-in-out}.container .card .box:hover{box-shadow:0 15px 30px #0000004d,0 30px 60px #00000040,0 45px 90px #0003;transform:scale(1.2)}.container .card .box .content{color:#fff;padding:20px;position:absolute;text-align:center;transition:opacity .3s ease;z-index:1}.container .card .box .content h2{color:#ffffff1a;font-size:8rem;position:absolute;right:10px;top:-110px}.container .card .box .content h3{font-size:1.5rem;margin-bottom:15px;opacity:1;transition:color .3s ease}.container .card .box .content p{color:#ffffffe6;font-size:.8rem;font-weight:300;opacity:1;transition:opacity .3s ease}.container .card .box .content a{background:rgba(53,118,209,.225)!important;border-radius:5px;box-shadow:0 10px 20px #0003;color:#fff;display:inline-block;margin-top:20px;padding:8px 20px;position:relative;text-decoration:none;transition:background .3s ease,box-shadow .3s ease}.container .card .box .content a:hover{background:#fff!important;box-shadow:0 10px 20px #0009;color:#000}.container .card .box .image{height:100%;left:0;object-fit:cover;opacity:0;position:absolute;top:0;transition:opacity .5s ease;width:100%}.container .card:hover .box .image{opacity:1}.container .card:hover .box .content{opacity:0}.container .card .box .content:hover h3{color:#2196f3}.container .card .box .content:hover p{opacity:.8}.vertical-timeline *{-webkit-box-sizing:border-box;box-sizing:border-box}.vertical-timeline{margin:0 auto;max-width:1170px;padding:2em 0;position:relative;width:95%}.vertical-timeline:after{clear:both;content:"";display:table}.vertical-timeline:before{background:var(--line-color);content:"";height:100%;left:18px;position:absolute;top:0;width:4px}.vertical-timeline.vertical-timeline--one-column-right:before{left:auto;right:18px}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{margin:2em 0;position:relative}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{clear:both;content:"";display:table}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{border-radius:50%;height:40px;left:0;position:absolute;top:0;width:40px}.vertical-timeline-element-icon.shadow-size-small{-webkit-box-shadow:0 0 0 2px #fff,inset 0 1px 0 #00000014,0 2px 0 4px #0000000d;box-shadow:0 0 0 2px #fff,inset 0 1px 0 #00000014,0 2px 0 4px #0000000d}.vertical-timeline-element-icon.shadow-size-medium{-webkit-box-shadow:0 0 0 3px #fff,inset 0 2px 0 #00000014,0 3px 0 5px #0000000d;box-shadow:0 0 0 3px #fff,inset 0 2px 0 #00000014,0 3px 0 5px #0000000d}.vertical-timeline-element-icon.shadow-size-large{-webkit-box-shadow:0 0 0 4px #fff,inset 0 2px 0 #00000014,0 4px 0 6px #0000000d;box-shadow:0 0 0 4px #fff,inset 0 2px 0 #00000014,0 4px 0 6px #0000000d}.vertical-timeline--one-column-right .vertical-timeline-element-icon{left:auto;right:0}.vertical-timeline-element-icon svg{display:block;height:24px;left:50%;margin-left:-12px;margin-top:-12px;position:relative;top:50%;width:24px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{height:60px;left:50%;margin-left:-30px;width:60px}}.vertical-timeline-element-icon{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{-webkit-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s;visibility:visible}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{background:#fff;border-radius:.25em;-webkit-box-shadow:0 3px 0 #ddd;box-shadow:0 3px 0 #ddd;margin-left:60px;padding:1em;position:relative}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-left:0;margin-right:60px}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;-webkit-box-shadow:none;box-shadow:none}.vertical-timeline-element-content:after{clear:both;content:"";display:table}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{line-height:1.6;margin:1em 0 0}.vertical-timeline-element-subtitle,.vertical-timeline-element-title{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;opacity:.7;padding:.8em 0}.vertical-timeline-element-content-arrow{border:7px solid #0000;border-right-color:#fff;content:"";height:0;position:absolute;right:100%;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{border:7px solid #0000;border-left-color:#fff;content:"";height:0;left:100%;position:absolute;right:auto;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{border-left:7px solid #fff;border-right:initial;left:100%}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow,.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{left:100%;top:24px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{font-size:16px;font-size:1rem;left:124%;position:absolute;top:6px;width:100%}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:auto;right:100%;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:100%;right:auto;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s;visibility:visible}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s;visibility:visible}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.text-editor{background-color:#1e1e1e4e;color:#d4d4d4;display:flex;flex-direction:column;height:30rem;overflow:hidden;width:100%}.text-area{background-color:initial;color:#fff;font-family:Courier New,Courier,monospace;font-size:14px;height:100%;line-height:1.5;outline:none;padding:10px;resize:none;width:100%}.text-area,.text-area:focus{border:none}.text-area .keyword{color:#569cd6!important}.text-area .string{color:#ce9178!important}.text-area .comment{color:#6a9955!important}.editor-button{background:#ffffff68;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:0 1rem;padding:.8rem 2rem;transition:.3s}.editor-button:hover{background-color:#fff;color:#000}.editor-button:hover,.terminal{box-shadow:0 15px 30px #0000004d,0 30px 60px #00000040,0 45px 90px #0003}.terminal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border-radius:10px;cursor:crosshair;height:35rem;letter-spacing:2px!important;margin:auto auto 2rem;overflow-x:hidden;overflow-y:scroll;padding:15px;width:55%}.title-bar{align-items:center;background:linear-gradient(90deg,rgba(0,0,0,.354),rgba(0,0,0,.576));border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:0 15px 30px #0000004d,0 30px 60px #00000040,0 45px 90px #0003;display:flex;justify-content:center;padding:10px 20px}.title-text{color:#fff;font-size:16px}.terminal-header{align-items:center;border-bottom:1px solid #ffffff4d;display:flex;justify-content:space-between;padding-bottom:10px}.terminal-body{margin-top:10px}.terminal-line{color:#fff;font-family:monospace;margin-bottom:-2px}.terminal-input-container{align-items:center;display:flex;margin-top:10px}.terminal-prompt{color:#fffb00;font-family:monospace;font-size:.9rem}.terminal-input{background:#0000;border:none;color:#fff;flex:1 1;font-family:monospace!important;font-size:.9rem;outline:none}.terminal-input::placeholder{color:#ccc}body{--background-color:#ffffff20;--text-color:#ccccd7;--card-background-color:hsla(0,0%,100%,.015);--card-border-color:#ffffff1a;--card-box-shadow-1:#0000000d;--card-box-shadow-1-y:3px;--card-box-shadow-1-blur:6px;--card-box-shadow-2:#0000001a;--card-box-shadow-2-y:8px;--card-box-shadow-2-blur:15px;--card-label-color:#fff;--card-icon-color:#d4d4d8;--card-icon-background-color:#ffffff14;--card-icon-border-color:#ffffff1f;--card-shine-opacity:0.3;--card-shine-gradient:conic-gradient(from 205deg at 50% 50%,#10b981 0deg,#10b981 25deg,rgba(52,211,153,.749) 295deg,#10b98100 360deg);--card-line-color:#2a2b2c;--card-tile-color:#10b9810d;--card-hover-border-color:#fff3;--card-hover-box-shadow-1:#0000000a;--card-hover-box-shadow-1-y:5px;--card-hover-box-shadow-1-blur:10px;--card-hover-box-shadow-2:#0000004d;--card-hover-box-shadow-2-y:15px;--card-hover-box-shadow-2-blur:25px;--card-hover-icon-color:#34d399;--card-hover-icon-background-color:#34d3991a;--card-hover-icon-border-color:#34d39933;--blur-opacity:.01;overflow-x:hidden!important;overflow-y:scroll!important;scroll-behavior:smooth!important}body.toggle .grid *{transition-duration:0s!important}.grid{grid-gap:32px;display:grid;grid-template-columns:repeat(2,240px);z-index:1}.card,.grid{position:relative}.card{background-color:var(--background-color);border-radius:10px;box-shadow:0 var(--card-box-shadow-1-y) var(--card-box-shadow-1-blur) var(--card-box-shadow-1),0 var(--card-box-shadow-2-y) var(--card-box-shadow-2-blur) var(--card-box-shadow-2),0 0 0 1px var(--card-border-color);box-shadow:0 15px 30px #0000004d,0 30px 60px #00000040,0 45px 90px #0003;cursor:pointer;padding:56px 16px 16px;transition:box-shadow .25s}.card:before{background-color:var(--card-background-color);border-radius:15px;content:"";inset:0;position:absolute}.card .icon{display:table;padding:8px;position:relative;z-index:2}.card .icon:after{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:var(--card-icon-background-color);border:1px solid var(--card-icon-border-color);border-radius:50%;content:"";inset:4.5px;position:absolute;transition:background-color .25s,border-color .25s}.card .icon svg{color:var(--card-icon-color);display:block;height:24px;position:relative;transform:translateZ(0);transition:color .25s;width:24px;z-index:1}.card h4{color:var(--card-label-color);font-family:inherit;font-weight:600;line-height:2;margin:12px 0 4px}.card h4,.card p{font-size:14px;position:relative;z-index:2}.card p{color:var(--text-color);line-height:1.7;margin:0}.card .shine{border-radius:inherit;inset:0;opacity:0;overflow:hidden;position:absolute;transition:opacity .5s;z-index:1}.card .shine:before{background-image:var(--card-shine-gradient);border-radius:50%;bottom:55%;content:"";filter:blur(35px);left:50%;opacity:var(--card-shine-opacity);padding-bottom:150%;position:absolute;transform:translateX(-50%);width:150%}.card .background{border-radius:inherit;inset:0;-webkit-mask-image:radial-gradient(circle at 60% 5%,#000 0,#000 15%,#0000 60%);mask-image:radial-gradient(circle at 60% 5%,#000 0,#000 15%,#0000 60%);overflow:hidden;position:absolute}.card .background .tiles{opacity:0;transition:opacity .25s}.card .background .tiles .tile{animation-duration:8s;animation-iteration-count:infinite;background-color:var(--card-tile-color);opacity:0;position:absolute}.card .background .tiles .tile.tile-10,.card .background .tiles .tile.tile-4,.card .background .tiles .tile.tile-6{animation-delay:-2s}.card .background .tiles .tile.tile-3,.card .background .tiles .tile.tile-5,.card .background .tiles .tile.tile-8{animation-delay:-4s}.card .background .tiles .tile.tile-2,.card .background .tiles .tile.tile-9{animation-delay:-6s}.card .background .tiles .tile.tile-1{height:10%;left:0;top:0;width:22.5%}.card .background .tiles .tile.tile-2{height:10%;left:22.5%;top:0;width:27.5%}.card .background .tiles .tile.tile-3{height:10%;left:50%;top:0;width:27.5%}.card .background .tiles .tile.tile-4{height:10%;left:77.5%;top:0;width:22.5%}.card .background .tiles .tile.tile-5{height:22.5%;left:0;top:10%;width:22.5%}.card .background .tiles .tile.tile-6{height:22.5%;left:22.5%;top:10%;width:27.5%}.card .background .tiles .tile.tile-7{height:22.5%;left:50%;top:10%;width:27.5%}.card .background .tiles .tile.tile-8{height:22.5%;left:77.5%;top:10%;width:22.5%}.card .background .tiles .tile.tile-9{height:22.5%;left:50%;top:32.5%;width:27.5%}.card .background .tiles .tile.tile-10{height:22.5%;left:77.5%;top:32.5%;width:22.5%}@keyframes tile{0%,12.5%,to{opacity:1}25%,82.5%{opacity:0}}.card .background .line{inset:0;opacity:0;position:absolute;transition:opacity .35s}.card .background .line:after,.card .background .line:before{background-color:var(--card-line-color);content:"";position:absolute;transition:transform .35s}.card .background .line:before{height:1px;left:0;right:0;transform:scaleX(0);transform-origin:0 50%}.card .background .line:after{bottom:0;top:0;transform:scaleY(0);transform-origin:50% 0;width:1px}.card .background .line.line-1:before{top:10%}.card .background .line.line-1:after{left:22.5%}.card .background .line.line-1:after,.card .background .line.line-1:before{transition-delay:.3s}.card .background .line.line-2:before{top:32.5%}.card .background .line.line-2:after{left:50%}.card .background .line.line-2:after,.card .background .line.line-2:before{transition-delay:.15s}.card .background .line.line-3:before{top:55%}.card .background .line.line-3:after{right:22.5%}.card:hover{box-shadow:0 3px 6px var(--card-hover-box-shadow-1),0 var(--card-hover-box-shadow-2-y) var(--card-hover-box-shadow-2-blur) var(--card-hover-box-shadow-2),0 0 0 1px var(--card-hover-border-color)}.card:hover .icon:after{background-color:var(--card-hover-icon-background-color);border-color:var(--card-hover-icon-border-color)}.card:hover .icon svg{color:var(--card-hover-icon-color)}.card:hover .shine{opacity:1;transition-delay:0s;transition-duration:.5s}.card:hover .background .tiles{opacity:1;transition-delay:.25s}.card:hover .background .tiles .tile{animation-name:tile}.card:hover .background .line{opacity:1;transition-duration:.15s}.card:hover .background .line:before{transform:scaleX(1)}.card:hover .background .line:after{transform:scaleY(1)}.card:hover .background .line.line-1:after,.card:hover .background .line.line-1:before{transition-delay:0s}.card:hover .background .line.line-2:after,.card:hover .background .line.line-2:before{transition-delay:.15s}.card:hover .background .line.line-3:after,.card:hover .background .line.line-3:before{transition-delay:.3s}
/*# sourceMappingURL=main.f34224c5.css.map*/