@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap";@import"https://fonts.googleapis.com/css2?family=Blaka&family=Blaka+Hollow&family=Caveat:wght@400;500;600;700&family=Roboto+Mono:wght@100;200;300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Permanent+Marker&display=swap";*{padding:0;margin:0;box-sizing:border-box}body{font-family:Roboto Mono,monospace;position:relative}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}::-webkit-scrollbar-thumb{background:gray;border-radius:10px}.web{background:#7f00ff;background:-webkit-linear-gradient(to right,#e100ff,#7f00ff);background:linear-gradient(to right,#e100ff,#7f00ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;text-transform:uppercase;letter-spacing:2.5px}nav{background:#40e0d0;background:-webkit-linear-gradient(to left,#ff0080,#ff8c00,#40e0d0);background:linear-gradient(to left,#ff0080,#ff8c00,#40e0d0);display:flex;justify-content:center;align-items:center;padding:1rem;display:none}.hello-text{display:flex;justify-content:center;align-items:center}.hello-text img{width:50px;margin-top:-14px}.heading{font-family:Blaka Hollow,cursive;text-transform:uppercase;font-size:2.5rem;letter-spacing:2px;color:#fff;text-align:center;font-weight:400}.intro-section{display:grid;grid-template-columns:1fr 1fr;justify-content:center;align-items:center;margin-bottom:4rem}.sec-1{display:flex;justify-content:center;align-items:flex-start;text-align:center;flex-direction:column;padding:1rem;gap:2rem;margin:10px auto}.sec-2 img{display:block;height:100vh;margin-left:auto;margin-right:auto}.dot{color:#5b9cfa}.style-hr{height:10px;width:100px;border-radius:10px;margin:10px auto;background:#8360c3;background:-webkit-linear-gradient(to right,#2ebf91,#8360c3);background:linear-gradient(to right,#2ebf91,#8360c3)}.stylish-underline{position:relative;font-weight:600}.stylish-underline:after{background-image:url(/images/underline.png);background-repeat:no-repeat;background-size:88% 80%;content:"";display:block;height:1.2em;left:.2em;position:absolute;width:calc(100% + 2em);top:30px}.portfolio-heading{text-align:center;padding:3rem 3rem 2.5rem}.grid-wrapper{display:grid;gap:3rem;margin:2% 10%;grid-template-columns:1fr 1fr 1fr;padding:1rem 0}.grid-wrapper-icons{display:grid;gap:3rem;margin:1rem 10%;grid-template-columns:repeat(3,1fr);padding:1rem 0}.grid-wrapper-icons .img-sec{display:block;margin:auto}.grid-wrapper-icons .img-sec{background:#fff;box-shadow:#64646f33 0 7px 29px;padding:1rem}.grid-wrapper-icons .img-sec img{width:100%;height:4rem}.item{width:calc(100% - 50px);height:65px;background:#b92b27;background:-webkit-linear-gradient(to right,#1565c0,#b92b27);background:linear-gradient(to right,#1565c0,#b92b27);padding:10px;border-radius:8px;display:block;margin-left:auto;margin-right:auto;transition:all .5s;user-select:none;-webkit-user-select:none;touch-action:manipulation}.item:hover{transition:all .5s ease-in-out;background:#b92b27;background:-webkit-linear-gradient(to left,#1565c0,#b92b27);background:linear-gradient(to left,#1565c0,#b92b27);box-shadow:#503fcd80 0 1px 30px;transition-duration:.1s}.item{text-decoration:none;color:#fff;font-size:1.1rem;text-transform:capitalize;text-align:center}.flex{display:flex;justify-content:center;align-items:center;text-align:center}.odd{display:none}.footer{display:flex;justify-content:center;align-items:center;text-align:center;gap:6px;margin:4rem auto 1rem;font-size:1.1rem}.ui{background:#40e0d0;background:-webkit-linear-gradient(to right,#ff0080,#ff8c00,#40e0d0);background:linear-gradient(to right,#ff0080,#ff8c00,#40e0d0);border-radius:5px;padding:3px 7px;color:#fff;text-transform:uppercase;letter-spacing:2px;margin:0 10px}.rizwan{text-decoration:underline}.rizwan a{color:#000}.badges-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;margin-bottom:5rem}.badges-grid .badge img{width:10rem}.badges-grid .badge:nth-child(1){margin-left:auto}.gradient-img-1,.gradient-img-2,.gradient-img-3{position:absolute;width:150px;z-index:-2}.gradient-img-1{bottom:100px;right:65px}.gradient-img-2{display:none;top:130px;left:75px}.gradient-img-3{bottom:50px;left:55px}.social-links{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;top:50vh;left:25px;z-index:3}.social-links a svg{font-size:28px;color:#7f00ff}.fa-brands{background:#f0c;background:-webkit-linear-gradient(to bottom,#333399,#ff00cc);background:linear-gradient(to bottom,#339,#f0c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.site-version span{background:#8360c3;background:-webkit-linear-gradient(to right,#2ebf91,#8360c3);background:linear-gradient(to right,#2ebf91,#8360c3);padding:2px 6px;border-top-left-radius:6px;color:#fff}.site-version{display:flex;justify-content:end;align-items:center}@media only screen and (max-width: 1030px){.footer{margin:5.5rem auto 1rem}}.fa-heart{color:red}@media only screen and (max-width: 820px){.grid-wrapper,.grid-wrapper-icons{grid-template-columns:1fr 1fr}.odd{display:inherit}}@media only screen and (max-width: 825px){.sec-2 img{width:50vw;height:100%}}@media only screen and (max-width: 550px){.grid-wrapper,.grid-wrapper-icons{grid-template-columns:1fr}.grid-wrapper-icons{margin-bottom:2.5rem}.social-links{left:10px}.intro-section{grid-template-columns:1fr}.intro-section .sec-1{align-items:center;margin:1rem 0}.intro-section .sec-2 img{height:100%;display:block;margin:30px auto;width:100%}.badges-grid{grid-template-columns:1fr;margin-bottom:1rem}.badges-grid .badge{display:block;margin:1rem auto}}@media only screen and (max-width: 416px){.gradient-img-1,.gradient-img-3{width:60px}.gradient-img-1{width:100px;bottom:59px;right:20px}.gradient-img-2{width:100px;left:30px}.gradient-img-2{top:250px}.gradient-img-3{width:95px;bottom:270px;left:28px}}