body{width:100vw;min-height:100vh;overflow-x:hidden;padding:0;margin:0;background:radial-gradient(circle,#050505 21%,#252121 93%);font-family:"Poppins",sans-serif;font-weight:500}.container{margin:2rem auto;width:60px;height:60px;display:flex;place-content:center}.item{overflow:visible;stroke:#09f;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.intro{margin:8rem auto 1rem;width:60%;color:#fff;text-align:center;font-size:2.5rem;font-weight:600}.intro span{color:#09f;font-weight:700}.intro a{font-weight:600;text-decoration:none;color:#09f;font-size:1rem;text-transform:uppercase;background-color:#fff;padding:.7rem 3rem;border-radius:25px;box-shadow:0 0 10px 0 rgba(5,5,5,.2);transition:all .2s ease-in-out}.intro a:hover{color:#fff;background-color:#09f;box-shadow:0 0 8px hsla(0,0%,100%,.4)}.intro i{color:#09f;margin-left:.5rem;transition:all .2s ease-in-out}.about,.intro a:hover i{color:#fff}.about{margin:6rem auto 0;width:65%;line-height:1.7;font-size:1.5rem;font-weight:600}.mehdi{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.about span{color:#09f;font-weight:700}.about img{width:25%;border-radius:100%;margin-right:3rem}.about a{font-weight:600;text-decoration:none;color:#09f;font-size:1rem;text-transform:uppercase;background-color:#fff;padding:.7rem 3rem;border-radius:25px;box-shadow:0 0 10px 0 rgba(5,5,5,.2);transition:all .2s ease-in-out}.about a:hover{color:#fff;background-color:#09f;box-shadow:0 0 8px hsla(0,0%,100%,.4)}.about i{color:#09f;margin-left:.5rem;transition:all .2s ease-in-out}.about a:hover i{color:#fff}.portfolio{margin-top:2rem;display:flex;flex-wrap:wrap;justify-content:space-evenly}.card{cursor:pointer;position:relative;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:3rem;width:30%;background-color:#fff;border-radius:20px;display:flex;flex-direction:column;justify-content:center;padding:0 0 .5rem;transition:all .2s ease-in-out}.card img{width:100%;border-radius:10px 10px 0 0}.text{text-align:center;font-size:.8rem}.card:hover{transform:scale(1.05)}.card a{display:inline;margin-left:6px;text-decoration:none;transition:all .2s ease-in-out}.card a,.card h2{color:#09f}.card a:hover{transform:scale(1.1)}
/*# sourceMappingURL=main.e7cd9b7b.chunk.css.map */