@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&family=Pacifico&display=swap";:root{--bg:#f2f5f9;--gradient:linear-gradient(to right,#ff9c1b,#ec1b09);--menu:#e1e8ef;--card:#ffeed9;--yellow:#ff9c1b;--red:#ec1b09;scroll-behavior:smooth}*{padding:0;margin:0;box-sizing:border-box;font-family:Outfit,sans-serif}a{text-decoration:none;color:inherit}.App{font-family:Comic Sans MS,Comic Sans,sans-serif;min-height:100vh;background:var(--bg);padding:3rem 10rem;position:relative;z-index:1;flex-wrap:wrap;overflow:hidden}.svg-img{position:absolute;z-index:2;opacity:.3;size:300px}.svg-img>img{width:auto}.svg-img:nth-child(1){top:40%;left:5%}.svg-img:nth-child(2){top:1%;left:19%}.svg-img:nth-child(3){top:10%;right:4%}.svg-img:nth-child(4){top:19%;right:53%}.svg-img:nth-child(5){top:70%;left:70%}.svg-img:nth-child(6){top:30%;right:4%}@media (max-width:920px){.App{padding:.9rem;position:relative;flex-wrap:wrap;overflow:hidden}.svg-img>img{width:60%}}.Header{display:flex;flex-direction:column;gap:1rem}.logo{font-family:Pacifico,cursive;display:flex;align-items:center;justify-content:space-between}.logo>p{font-size:19px;font-family:Pacifico,cursive}.logo>img{width:50px;height:50px}.wrapper{display:flex;align-items:center;justify-content:space-between}.header-color{background:linear-gradient(to bottom,var(--yellow),var(--red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Pacifico,cursive}.menu-intro{display:flex;justify-content:space-between;padding:23px 0}.menu{display:flex;gap:2rem;flex-wrap:wrap;align-items:center;justify-content:flex-end;border:1px solid lightgrey;border-radius:5px;padding:.4rem}.menu>div{border-radius:5px;width:4rem;height:4rem;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease,color .3s ease}.menu>div>img{transition:transform .3s ease}.menu>div>p{font-size:13px;transition:color .3s ease}.active{background:var(--gradient);color:#fff}.not-active{background:var(--menu)}.display{display:none}@media (max-width:800px){.menu-intro{justify-content:center;padding:5px}.menu-intro:nth-child(1){display:none}.menu{gap:5px;padding:.1rem}.menu>div{width:3rem;height:3rem}.menu>div>img{width:20px;height:20px}.menu>div>p{font-size:10px;padding:0}.active,.not-active{padding:0}.display{display:block;cursor:pointer}.logo>img{width:20px;height:20px}}.Body{display:flex;gap:1rem;justify-content:space-between}.Body>div{border-radius:10px;background:#fff;position:relative}.left-side{flex:31%;display:flex;flex-direction:column;gap:1rem;padding-top:1rem;align-items:center}.profile-pic{width:200px;height:200px}.socials-div{display:flex;align-items:center;gap:5px}.socials{padding:10px;background:var(--bg);border:1px solid skyblue;border-radius:5px;width:40px;height:40px;overflow:hidden}.contact{background:var(--bg);padding:10px;width:90%;border-radius:10px}.contact-detail{display:flex;gap:10px;align-items:center;padding:10px}hr{border-radius:25px;width:90%;height:3px;background:#789;border:none;margin:0 auto}.download{background:var(--gradient);padding:10px;color:#fff;width:100%;border-radius:25px;display:flex;gap:10px}.right-side{flex:68%;background:#fff;padding:30px}@media (max-width:800px){.left-side>.display{position:absolute;right:20px}.left-side{position:fixed;top:0;left:0;width:100%;height:100%;display:none;transition:transform .3s ease;transform:translate(-100%);z-index:2;padding:10px}.left-side.toggle{transform:translate(0);display:flex;position:absolute;top:0}.right-side{padding:5px;flex:1}}.Home{display:flex;flex-direction:column;gap:1rem}.about{display:flex;gap:1rem;align-items:center}.line{height:5px}.what-i-do{display:flex;justify-content:center;gap:1rem}.what-one{flex:1;border-radius:10px;padding:10px;background:var(--card)}.what-one-intro{display:flex;gap:1rem}.what-two{flex:1;background:#d3d3d3;padding:10px;border-radius:10px}@media (max-width:800px){.line{max-width:100px}.what-i-do{flex-direction:column}}.core{padding-left:10px;margin-left:13px}.Portfolio-container{display:flex;flex-direction:column;gap:1rem}.portfolio-menu>button{border:1px solid gray;font-size:15px;cursor:pointer;margin-right:10px;margin-bottom:10px;padding:10px;border-radius:25px;background:var(--menu)}.active-menu{color:#fff;background:var(--gradient)!important;border:none!important}.portfolio-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:15px}.portfolio{background:var(--bg);border-radius:20px;overflow:hidden;position:relative}.portfolio>img{max-width:100%;max-height:90%}.portfolio>img:hover{opacity:.7}.portfolio>div{margin:0 auto;padding:5px}@media (max-width:500px){.portfolio-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.contact-one{display:flex;gap:1rem;align-items:center}.form{background:var(--bg);padding:1rem;border-radius:10px}.form-name{display:flex;border-bottom:1px solid lightgrey;padding:10px}.form-name>input{border:none;outline:none;background:var(--bg)}.submit{padding:10px;border:3px solid var(--red);border-radius:25px;width:fit-content;font-weight:700;cursor:pointer}