.homePage{display:flex;flex-direction:row;font-family:Zeyada,cursive;gap:2rem;margin-left:25rem;margin-top:4rem;& p{align-items:center;font-size:1.8rem;font-style:italic;justify-content:center;line-height:1.5;margin-left:3rem;margin-top:5rem;text-align:center;width:30vw;& span{font-size:2rem;font-weight:700;margin-bottom:2rem}}}.social{display:flex;flex-direction:column;gap:.5em;margin-left:12rem;margin-top:2rem}.down,.up{display:flex;flex-direction:row;gap:.5em}.card1{background:#cfd8e2;border:none;border-radius:90px 5px 5px 5px;box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);height:90px;outline:none;transition:.2s ease-in-out;width:90px}.linkedin{fill:#cc39a4;margin-left:2em;margin-top:2em}.card2{background:#cfd8e2;border:none;border-radius:5px 90px 5px 5px;box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);height:90px;outline:none;transition:.2s ease-in-out;width:90px}.codepen{fill:#03a9f4;margin-left:-.9em;margin-top:1.5em}.card3{background:#cfd8e2;border:none;border-radius:5px 5px 5px 90px;box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);height:90px;outline:none;transition:.2s ease-in-out;width:90px}.github{margin-left:1.2em;margin-top:-.5em}.card4{background:#cfd8e2;border:none;border-radius:5px 5px 90px 5px;box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);height:90px;outline:none;transition:.2s ease-in-out;width:90px}.behance{fill:#8c9eff;margin-left:-1.2em;margin-top:-.9em}.card1:hover{background-color:#08b1ff;cursor:pointer;scale:1.1}.card1:hover .linkedin{fill:#cfd8e2}.card2:hover{background-color:#cc39a4;cursor:pointer;scale:1.1}.card2:hover .codepen{fill:#cfd8e2}.card3:hover{background-color:#67d4b0;cursor:pointer;scale:1.1}.card3:hover .github{fill:#cfd8e2}.card4:hover{background-color:#4255bd;cursor:pointer;scale:1.1}.card4:hover .behance{fill:#cfd8e2}.main{margin-left:3rem}section{font-family:Zeyada,cursive;padding:4rem}h2,section{text-align:center}h2{font-size:3rem;margin-top:5rem;&:hover{color:#ff00f2;cursor:pointer;transition:.6s}}.paragraph{font-size:2rem;line-height:1.5;margin:auto;text-align:center;width:40vw;& span{font-size:3rem;font-weight:700}}.btn{-webkit-box-reflect:below 10px linear-gradient(180deg,transparent,rgba(0,0,0,.4));background-color:#0e0e1a;border:none;border-radius:.4rem;box-shadow:0 0 60px #1f4c65;color:#eaeaea;cursor:pointer;font-size:1.2rem;font-weight:700;outline:none;padding:1rem 2.5rem;text-transform:uppercase;transition:.6s;&:active{scale:.92}&:hover{background:#021d4e;background:linear-gradient(270deg,rgba(2,29,78,.681),rgba(31,215,232,.873) 60%);color:#040426}& a{border-radius:.2rem;color:#cfd8e2;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease}}#Skills{padding:2rem;& h2{font-size:3rem;margin-bottom:2rem;text-align:center;&:hover{color:#ff00f2;cursor:pointer;transition:.3s ease}}}.all_skills{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.skill{text-align:center;& img{height:6rem;margin-bottom:.5rem;width:6rem}}.projects{margin-top:5rem;& h2{margin-bottom:2rem}}.cards{-webkit-padding-start:7rem;background-color:#1b2f53;border:1px solid #cfd8e2;display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;margin:1rem;padding:2.5rem;padding-inline-start:7rem;& .card{align-items:center;border-radius:10px;box-shadow:0 0 0 5px #ffffff80;color:#010101;cursor:pointer;display:flex;height:200px;justify-content:center;overflow:hidden;-webkit-perspective:1000px;perspective:1000px;position:relative;transition:all .6s cubic-bezier(.175,.885,.32,1.275);width:300px;&:hover{box-shadow:0 8px 16px hsla(0,0%,100%,.2);-webkit-transform:scale(1.05);transform:scale(1.05)}&:hover>.card:not(:hover){-webkit-filter:blur(10px);filter:blur(10px);-webkit-transform:scale(.9);transform:scale(.9)}& .card__content{background-color:#cfd8e2;box-sizing:border-box;height:200px;left:0;position:absolute;top:0;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:bottom;transform-origin:bottom;transition:all .6s cubic-bezier(.175,.885,.32,1.275);width:300px}&:hover .card__content{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}& .card__title{color:#333;font-size:2rem;font-style:italic;font-weight:800;margin:.5rem 0 0;text-align:center;&:hover{color:#ff00f2;content:""}}.code{display:none;transition:.6s ease-in-out}.card__title:hover .code{color:#ff00f2;display:inline}& .card__description{display:flex;flex-direction:column;margin:1rem;& a{color:#333;font-size:1.6rem;font-weight:600;line-height:1.4;margin:.5rem;text-align:center;text-decoration:none;&:hover{border:1px solid #ff00f2;color:#ff00f2;padding:.5rem;transition:.6s ease-in-out}}}& img{height:200px;width:300px}}}.projects .button{align-items:center;background:linear-gradient(90deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);background-size:300%;border:none;border-radius:30px;color:#cfd8e2;display:flex;font-family:inherit;font-size:14px;height:3em;justify-content:center;line-height:2em;margin:auto;position:relative;text-align:center;text-decoration:none;width:9em;z-index:1;&:hover{-webkit-animation:ani 8s linear infinite;animation:ani 8s linear infinite;border:none}@-webkit-keyframes ani{0%{background-position:0}to{background-position:400%}}@keyframes ani{0%{background-position:0}to{background-position:400%}}&:before{background:linear-gradient(90deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);background-size:400%;border-radius:35px;bottom:-5px;content:"";left:-5px;position:absolute;right:-5px;top:-5px;transition:1s;z-index:-1}&:hover:before{-webkit-filter:blur(20px);filter:blur(20px)}&:active{background:linear-gradient(32deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4)}& a{color:hsla(0,0%,100%,.925);font-size:1.2rem;text-decoration:none}}.contactme h2{font-size:3rem;margin-bottom:2rem;margin-top:5rem}.contact-info{border:1px solid #cfd8e2;height:25rem;margin:auto;text-align:center;width:50rem;& p{font-size:2rem;margin:auto;padding:2rem}}footer{margin-top:5rem;padding:1.2rem;text-align:center}.logo img{margin:auto;width:6rem}.social-icons{margin:1rem;& a{margin-right:.5rem}& img{height:3rem;width:3rem;&:hover{background-color:#f5f5f5;border-radius:50%;transition:.5s ease}}}a{color:#cfd8e2;text-decoration:none;&:hover{color:#ff00c8ce;transition:.6s ease-in-out}}.navbar{background-color:#06235e;border-bottom:1px solid #cfd8e2;cursor:pointer;display:flex;font-family:Jost,sans-serif;justify-content:space-between;& ul{display:flex;justify-content:flex-end;list-style-type:none;margin-right:3rem;padding:0;& li{padding:1rem;& a{font-size:1.8rem;font-weight:700;padding:1rem;text-decoration:none;transition:color .3s;&:hover{color:#ff00f2bd;transition:.3s ease-in-out}}}}& .logo{font-size:2rem;font-weight:700;margin:1rem 1rem 1rem 3rem;text-decoration:none;& a{text-decoration:none;transition:color .3s;&:hover{color:#ff00f2bd;transition:.6s ease-in-out}}}}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{background-color:#131d30;color:#cfd8e2;font-family:Advent Pro,sans-serif;max-height:auto;max-width:100%;overflow-x:hidden}h2{font-family:Jost,sans-serif}@media (min-width:496px) and (max-width:920px){.navbar{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;text-align:center;& .logo{font-size:1.2rem;margin:auto;text-align:center}& ul{display:flex;flex-direction:row;flex-wrap:wrap;margin:auto;& li{padding-bottom:.2rem;padding-inline:.05rem;& a{font-size:1rem}}}}.homePage{display:flex;flex-direction:row;gap:.2rem;margin-left:5rem;margin-top:2rem;& p{font-size:1rem;margin:auto;width:40vw;& span{font-size:1rem}}& img{max-height:20vh;width:36vw}& .social{display:none}}.aboutme{& h2{font-size:2rem}& .paragraph{font-size:1rem;margin:auto;width:60vw}& .all_skills{display:flex;flex-direction:row;gap:.2rem;& img{height:4rem;width:4rem}}}.projects{& h2{font-size:2rem}& .cards{-webkit-padding-start:3rem;align-items:center;display:flex;flex-direction:row;height:auto;justify-content:center;padding:1rem;padding-inline-start:3rem;width:auto}}.contactme{& h2{font-size:2rem}& .contact-info{height:40vh;width:60vw}& p{font-size:1rem}}}
/*# sourceMappingURL=main.75dcadd4.css.map*/