@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap);*{box-sizing:border-box;margin:0;padding:0;text-decoration:none}body{background-image:linear-gradient(-45deg,#000,#1d1430 25%,#291753 51%,#240769);background-size:110vw 500vh;color:#fff;font-family:Poppins,sans-serif;font-size:1rem;font-weight:400;overflow-x:hidden;place-items:center}.App,body{display:grid;height:100vh;width:100vw}.App{grid-gap:100px;gap:100px;padding:20px;place-items:center}.menu{display:none}h1{font-size:3rem;font-weight:900}p{font-weight:500}.logo{font-size:1.5rem}h2{font-size:2rem;font-weight:700;padding:30px}.mobileNav{display:none}nav{background-image:linear-gradient(-45deg,#000,#1d1430 25%,#291753 51%,#240769);display:grid;font-weight:900;grid-template-columns:200px 1fr 150px 150px 150px 150px;height:50px;left:0;padding:10px;position:fixed;top:0;width:100vw;z-index:100}a{color:#fff}nav a:hover{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#8b63da,#cb98ed);-webkit-background-clip:text}.active,span{background:linear-gradient(45deg,#8b63da,#cb98ed)}.active{-webkit-text-fill-color:transparent;-webkit-background-clip:text;grid-column:3/4}.section{background-color:#200a55;border-radius:40px;box-shadow:28px 28px 50px rgba(0,0,0,.15);height:70vh;padding:20px;transition:all .5s;width:70vw}.section:hover{background-color:initial;border:2px solid #8b63da;-webkit-transform:scale(1.02);transform:scale(1.02)}.Home{align-items:center;display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;margin-top:100px}.Home img{border-radius:100%;width:250px}.Myservices{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);padding:20px}.service img{background:linear-gradient(45deg,#8b63da,#cb98ed);border-radius:100%;padding:3px;width:60%}.service{background-color:#200a55;box-shadow:28px 28px 50px rgba(0,0,0,.15);display:grid;height:50vh;padding:20px;place-items:center;transition:all .5s;width:300px}.service:hover{background-color:initial;border:2px solid #8b63da;-webkit-transform:scale(1.02);transform:scale(1.02)}.webSites{border-radius:50px 0 0 0}.flutterApps{border-radius:50px 50px 0 0}.desktopApps{border-radius:0 50px 0 0}.projects{align-items:center;display:grid;grid-template-columns:repeat(2,1fr);justify-items:center}.link{cursor:pointer;display:grid;grid-template-columns:50px 1fr;height:50px;margin:20px;padding:10px;width:100%}.link:hover{background-color:initial;border:2px solid #8b63da;-webkit-transform:scale(1.02);transform:scale(1.02)}.github{background-color:#8b63da}.frontendmentor{background-color:#cb98ed}.list{grid-gap:20px;gap:20px;grid-template-columns:repeat(9,1fr)}.list,.tool{display:grid}.tool{background-color:#200a55;border-radius:20px;box-shadow:28px 28px 50px rgba(0,0,0,.15);cursor:pointer;height:100px;place-items:center;transition:all .7s;width:100px}.tool:hover{background-color:initial;margin:0 10px;opacity:.8;-webkit-transform:scale(1.6);transform:scale(1.6);z-index:100}.flutter{width:45%}footer{background-color:#200a55;display:grid;height:100px;margin-bottom:-60px;margin-left:-20px;place-items:center;width:100vw}.contact{display:grid;grid-template-columns:repeat(3,1fr)}footer img{margin:20px;width:30px}button{background:linear-gradient(45deg,#8b63da,#cb98ed);border:none;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;height:50px;margin:20px;width:200px}@media screen and (max-width:550px){.App{gap:10px;overflow-x:hidden}ul{list-style:none}.menu{background-color:#fff;border-radius:0 0 0 30px;display:none;height:30vh;margin-top:50px;position:fixed;right:0;top:0;width:35vw;z-index:50}li{margin:20px}h1{font-size:1.5rem;font-weight:500}p{font-weight:300}h2{font-size:1rem;font-weight:500;padding:30px}.mobileNav{display:inline;display:grid;grid-template-columns:200px 1fr 50px}ion-icon{font-size:40px;grid-column:3/4}.desktopNav{display:none}.section{height:auto;margin-top:50px;padding:20Px;width:80%}.Home .content{display:grid;grid-area:content;place-items:center}.Home{align-items:center;display:grid;grid-template-areas:"img""content";justify-items:center}.Home img{grid-area:img;width:50%}button{width:150px}.service{width:80%}.desktopApps,.flutterApps,.webSites{border-radius:50px}.list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.tool{height:70px;width:70px}.tool img{width:50%}.projects{align-items:center;display:grid;grid-template-columns:repeat(1,1fr);justify-items:center}.link{height:auto;width:80%}.link p{font-size:10px}.Myservices{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(1,1fr);padding:20px}}
/*# sourceMappingURL=main.fbc6763e.css.map*/