@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.landing-container{align-items:flex-start;display:flex;flex-direction:column;height:110vh;justify-content:flex-start;overflow:hidden;position:relative;transform:skewY(4deg);transform-origin:top right;width:100%}.landing-section{align-items:center;display:flex;flex:1 1;justify-content:center;width:100%}.landing-about,.landing-landing{color:#fff}.landing-content{align-items:flex-start;display:flex;height:100%;justify-content:center;padding:20px;transform:skewY(-4deg);transform-origin:top right;width:100%;z-index:1}.landing-image{height:90vh;margin-right:20px;object-fit:contain;width:auto}.landing-text{margin-top:110px;max-width:600px}.landing-text h1{font-size:3rem;margin-bottom:10px}.landing-text p{font-size:1.5rem;line-height:1.4}.about-text{font-size:1rem}.landing-text button{margin-top:25px}@media (max-width:768px){.landing-container{height:auto;justify-content:flex-start;width:100%}.landing-content{align-items:center;flex-direction:column;justify-content:flex-start;text-align:center}.landing-text h1{font-size:2.5rem;margin-top:5px}.landing-image{height:auto;margin:20px 0 0;width:80vw}.landing-text p{font-size:1rem;line-height:1.4;margin:0 auto 20px;max-width:90%}.landing-text{margin:0 auto 5%;max-width:90%;text-align:center}}.button{align-items:center;background-color:#000;border:none;border-radius:10rem;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.75rem;line-height:1;overflow:hidden;padding:.75rem 1.5rem .75rem 20px;text-decoration:none;text-overflow:ellipsis;transition:background-color .3s,color .3s;white-space:nowrap}.button__icon-wrapper{background-color:#fff;border-radius:50%;color:#000;display:grid;flex-shrink:0;height:25px;overflow:hidden;place-items:center;position:relative;width:25px}.button:hover{background-color:#fcc008;color:#000}.button:hover .button__icon-wrapper{color:#000}.button__icon-svg--copy{position:absolute;transform:translate(-150%,150%)}.button:hover .button__icon-svg:first-child{transform:translate(150%,-150%);transition:transform .3s ease-in-out}.button:hover .button__icon-svg--copy{transform:translate(0);transition:transform .3s ease-in-out .1s}@media (max-width:768px){.button{font-size:1.2rem;padding:1rem 2rem 1rem 24px}.button__icon-wrapper{height:30px;width:30px}}.about-section{justify-content:center;margin-bottom:10vh;overflow:hidden;width:100vw}.about-content,.about-section{align-items:center;display:flex}.about-content{gap:2rem;position:relative;z-index:2}.about-text{color:#000;max-width:600px}.about-image{display:inline-block;position:relative}.about-image img{height:auto;max-width:100%;position:relative;z-index:1}.about-image img,.about-image:after{clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)}.about-image:after{background:linear-gradient(#000,#111 12.5%,#222 25%,#333 37.5%,#555 50%,#333 62.5%,#222 75%,#111 87.5%,#000);background-position:0 0;background-size:200% 200%;content:"";height:100%;position:absolute;right:-15%;top:50%;transform:translateY(-50%);transition:background-position .8s ease;width:100%;z-index:0}.about-image:hover:after{background-position:100% 100%}.features-wrapper{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;max-width:100vw;text-align:center}.about-heading{color:#ddd;font-size:1.5rem;font-weight:bolder;margin-bottom:20px;text-align:left}.features-container{display:flex;flex-wrap:wrap;font-weight:700;gap:20px;justify-content:center;padding:20px}.fcard{background-color:#0000;cursor:pointer;flex-direction:column;font-family:Poppins,sans-serif;font-size:14px;height:17vw;position:relative;transition:all .3s ease;width:16vw}.fcard,.ficon{align-items:center;display:flex}.ficon{background:linear-gradient(90deg,#000,#111 12.5%,#222 25%,#333 37.5%,#555 50%,#333 62.5%,#222 75%,#111 87.5%,#000);clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%);height:120px;justify-content:center;margin:0 auto;transition:all .8s ease;width:120px}.ficon i{color:#fff;font-size:2.5rem}.fcard .title{font-weight:600;letter-spacing:2px;margin:20px 0 0;text-transform:uppercase;width:100%}.fcard .text,.fcard .title{color:#000;text-align:center}.fcard .text{bottom:10px;font-size:14px;font-weight:200;letter-spacing:1px;margin:5px auto 0;max-height:0;opacity:0;position:absolute;transition:all .3s ease;width:80%}.fcard:hover .text{max-height:40px;opacity:1;transition:all .3s ease}.fcard:hover .ficon{background-position:-120px;box-shadow:0 0 15px #444443;transition:all .3s ease}.fcard:hover .ficon i{color:url(#gradientColor);transition:all .3s ease}.fcard:hover .text,.fcard:hover .title{transform:translateY(-10px)}.skills-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;max-width:100vw;overflow-x:hidden;padding:5px 50px 50px}.outer{background:radial-gradient(circle 230px at 0 0,#fff,#0c0d0d);border-radius:0;height:250px;padding:10px;position:relative;width:px}.outer:hover{box-shadow:0 0 15px #444443}.dot{animation:moveDot 6s linear infinite;aspect-ratio:1;background-color:#fff;border-radius:100px;box-shadow:0 0 10px #fff;position:absolute;right:10%;top:10%;width:5px;z-index:2}@keyframes moveDot{0%,to{right:10%;top:10%}25%{right:calc(100% - 35px);top:10%}50%{right:calc(100% - 35px);top:calc(100% - 30px)}75%{right:10%;top:calc(100% - 30px)}}.card{align-items:center;background-size:20px 20px;background:radial-gradient(circle 280px at 0 0,#444,#0c0d0d);border:1px solid #202222;border-radius:0;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%;z-index:1}.ray{background-color:#c7c7c7;border-radius:100px;box-shadow:0 0 50px #fff;filter:blur(10px);height:45px;left:0;opacity:.4;position:absolute;top:0;transform:rotate(40deg);transform-origin:10%;width:10px}.card .text{background:linear-gradient(45deg,#000 4%,#fff,#000);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:3.5rem;font-weight:bolder}.line{background-color:#2c2c2c;height:1px;position:absolute;width:100%}.topl{background:linear-gradient(90deg,#888 30%,#1d1f1f 70%);top:10%}.bottoml{bottom:10%}.leftl{background:linear-gradient(180deg,#747474 30%,#222424 70%);left:10%}.leftl,.rightl{height:100%;width:1px}.rightl{right:10%}.skills-heading{color:#ddd;font-size:1.5rem;font-weight:bolder;margin-bottom:20px;padding-left:5%;text-align:left}.loader{border:4px solid #282828;box-shadow:-5px -5px 5px #ffffff1a,10px 10px 10px #0006,inset -5px -5px 5px #fff3,inset 10px 10px 10px #0006;height:25vw;left:50%;overflow:hidden;top:50%;transform:translate(-50%,-50%);width:25vw}.loader,.loader:before{border-radius:50%;position:absolute}.loader:before{background:#212121;border:2px solid #292929;bottom:50px;box-shadow:inset -2px -2px 5px #fff3,inset 3px 3px 5px #00000080;content:"";left:50px;right:50px;top:50px;z-index:10}.loader span{animation:animate .5s linear infinite;background-image:linear-gradient(-225deg,#ff7402,#ffe700 50%,#fff55e);border-radius:50%;filter:blur(20px);height:100%;position:absolute;width:100%;z-index:-1}@keyframes animate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.projects-wrapper{height:135vh;margin-bottom:0;overflow:hidden;position:relative;transform:skewY(-4deg)}.projects-wrapper:before{background:inherit;bottom:-50px;content:"";filter:blur(500px);position:absolute;top:-50px;z-index:-1}.projects-container{grid-gap:40px 0;display:grid;gap:40px 0;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);justify-items:center;padding:75px 20px 20px;transform:skewY(4deg)}.projects-heading{color:#ddd;font-size:1.5rem;font-weight:bolder;margin-bottom:20px;margin-top:20px;padding-left:5%;text-align:left}.proj-card{align-items:center;aspect-ratio:16/9;background-color:#333;border-radius:10px;box-shadow:0 0 0 5px #00000080;display:flex;height:300px;justify-content:center;margin-top:65px;overflow:hidden;perspective:1000px;position:relative;transition:all .6s cubic-bezier(.175,.885,.32,1.275);width:350px}.card__image{height:100%;object-fit:cover;width:100%}.proj-card:hover{box-shadow:0 8px 16px #fff3;transform:scale(1.05)}.card__content{background-color:#222;box-sizing:border-box;height:100%;left:0;padding:20px;position:absolute;top:0;transform:rotateX(100deg);transform-origin:bottom;transition:all .6s cubic-bezier(.175,.885,.32,1.275);width:100%}.proj-card:hover .card__content{transform:rotateX(0deg)}.card__title{color:#fff;font-size:20px;font-weight:700;margin:0}.card__subtitle{color:#f9a825;font-size:14px;font-weight:500;margin:5px 0;text-align:center}.card__description{color:#ccc;font-size:12px;line-height:1.4;margin:10px 0;text-align:center}.card__button{background:#777;border:none;border-radius:8px;color:#fff;padding:15px}.secondary{background:#0000;border:1px solid #777;color:#777}.footer{justify-content:flex-end;padding:20px}.footer,.footer-card{align-items:center;display:flex}.footer-card{flex-direction:row;margin-right:15px;width:auto}.social-link{align-items:center;border-radius:50%;color:#333;display:flex;font-size:24px;height:70px;justify-content:center;margin:5px 0;text-decoration:none;transition:.25s;width:70px}.social-link1:hover{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.social-link1:hover,.social-link2:hover{animation:bounce_613 .4s linear;color:#fff}.social-link2:hover{background-color:#242c34}.social-link3:hover{background-color:#5865f2}.social-link3:hover,.social-link4:hover{animation:bounce_613 .4s linear;color:#fff}.social-link4:hover{background-color:#0a66c2}.social-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px;transition:background-color .3s}.social-button:hover{background-color:#0056b3}@keyframes bounce_613{40%{transform:scale(1.4)}60%{transform:scale(.8)}80%{transform:scale(1.2)}to{transform:scale(1)}}.popup-container{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-content{border-radius:8px;box-shadow:0 4px 8px #0003;max-width:500px;padding:20px;width:100%}.footer-button{margin-left:20px;max-height:60px}.contact-container{background-color:#222;border-radius:8px;box-shadow:0 4px 20px #00000080;color:#fff;font-family:Arial,sans-serif;margin:50px auto;max-width:600px;padding:20px}.contact-container h1{color:#f9a825;font-size:2rem;margin-bottom:20px;text-align:center}.contact-container form{display:flex;flex-direction:column}.contact-container input[type=email],.contact-container input[type=text],.contact-container textarea{background-color:#333;border:none;border-radius:5px;color:#fff;font-size:1rem;margin-bottom:15px;padding:12px;transition:background-color .3s ease}.contact-container input[type=email]:focus,.contact-container input[type=text]:focus,.contact-container textarea:focus{background-color:#444;outline:none}.contact-container textarea{min-height:100px;resize:vertical}.contact-container button{background-color:#f9a825;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:12px;transition:background-color .3s ease}.contact-container button:hover{background-color:#e0a10a}.contact-container p{margin-top:15px;text-align:center}.success{color:#81c784}.error{color:#e57373}
/*# sourceMappingURL=main.8779bb42.css.map*/