@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;border:none;outline:none;scroll-behavior:smooth;font-family:Nunito,sans-serif}:root{--bg-color:#191f36;--snd-bg-color: #262840;--text-color: #fff;--main-color:#5982F4}html{font-size:62.5%;overflow-x:hidden}body{background-color:var(--bg-color)}section{min-height:100vh;padding:10rem 9% 2rem}header{position:fixed;top:0;left:0;width:100%;padding:2rem 9%;background:var(--bg-color);display:flex;justify-content:space-between;align-items:center;z-index:100}.logo{font-size:2.5rem;color:var(--text-color);font-weight:700;cursor:default}.navbar a{font-size:1.5rem;color:var(--text-color);margin-left:4rem;font-weight:700}.navbar a:hover,.navbar a.active{color:var(--text-color)}#menu-icon{font-size:3.6rem;color:var(--text-color);display:none}.home{display:flex;justify-content:center;align-items:center}.home-content h3{font-size:3.2rem;font-weight:700;color:var(--text-color)}.home-content h3:nth-of-type(2){margin-bottom:2rem}span{color:var(--main-color)}.home-content h1{font-size:5.6rem;font-weight:700;line-height:1.3;color:var(--text-color)}.home-img img{width:25vw;animation:floatImage 4s ease-in-out infinite;border-radius:50%}@keyframes floatImage{0%{transform:translateY(0)}50%{transform:translateY(-2.4rem)}to{transform:translateY(0)}}.home-content p{font-size:1.6rem;color:var(--text-color)}.social-media a{display:inline-flex;justify-content:center;align-items:center;width:4rem;height:4rem;background:transparent;border:2rem solid var(--main-color);border-radius:50%;font-size:2rem;color:var(--bg-color);margin:3rem 1.5rem 3rem 0;transition:.5s ease}.social-media a:hover{background:var(--main-color);color:var(--snd-bg-color);box-shadow:0 0 1rem var(--main-color)}.btn{display:inline-block;padding:1rem 2.8rem;background:var(--main-color);border-radius:4rem;box-shadow:0 0 1rem var(--main-color);font-size:1.6rem;color:var(--bg-color);letter-spacing:.1rem;font-weight:600;transition:.5s ease}.btn:hover{box-shadow:none}@media (max-width: 768px){#Resume-btn{justify-content:center;display:flex;margin:0 auto;width:200px}}.about{gap:2rem;display:flex;justify-content:center;align-items:center;background:var(--snd-bg-color)}.about-img img{width:35vw}.heading{text-align:center;font-size:4.5rem}.about-content h2{text-align:left;line-height:1.2;color:var(--text-color)}.about-content h3{font-size:2.6rem;color:var(--text-color)}.about-content p{font-size:1.6rem;margin:2rem 0 3rem;color:var(--text-color)}.services h2{margin-bottom:5rem;color:var(--text-color)}.services-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2rem;color:var(--text-color)}.services-container .services-box{flex:1 1 30rem;background:var(--snd-bg-color);padding:3rem 2rem 4rem;border-radius:2rem;text-align:center;border:.2rem solid var(--bg-color);transition:.5s ease}.services-container .services-box:hover{border-color:var(--main-color);transform:scale(1.02)}.headinng{color:var(--text-color)}.services-box i{font-size:7rem;color:var(--main-color)}.services-box h3{font-size:2.6rem;margin-top:1.5rem}.services-box p{font-size:1.6rem;margin:1rem 0 3rem}.project{background:var(--snd-bg-color)}.project h2{margin-bottom:4rem;color:var(--text-color)}.project-container{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:2.5rem;color:var(--text-color)}.project-container .project-box{position:relative;border-radius:2rem;box-shadow:0 0 1rem var(--bg-color);overflow:hidden;display:flex}.project-box img{width:100%;transition:.5 ease;opacity:.7}.project-box:hover img{transform:scale(1.1)}.project-box .project-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,.1),var(--main-color));display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:0 4rem;transform:translateY(100%);transition:.5s ease}.project-box:hover .project-layer{transform:translateY(0)}.project-layer h4{font-size:3rem}.project-layer p{font-size:1.6rem;margin:.3rem 0 1rem}.project-layer a{display:inline-flex;justify-content:center;align-items:center;width:5rem;height:5rem;background:var(--text-color);border-radius:50%}.project-layer a i{font-size:2rem;color:var(--snd-bg-color)}@media (max-width: 768px){.project-container{grid-template-columns:1fr}.project-layer{padding:0 2rem}.project-layer h4{font-size:2.5rem}.project-layer p{font-size:1.4rem}}.contact h2{margin-bottom:3rem;color:var(--text-color)}.contact form{max-width:70rem;margin:1rem auto 3rem;text-align:center}.contact form .input-box{display:flex;justify-content:space-between;flex-wrap:wrap}.contact form .input-box input,.contact form textarea{width:100%;padding:1.5rem;font-size:1.6rem;color:var(--text-color);background:var(--snd-bg-color);border-radius:.8rem;margin:.7rem 0}.contact form .input-box input{width:49%}.contact form textarea{resize:none}.contact form .btn{margin-top:2rem;cursor:pointer}.footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:2rem 9%;background:var(--snd-bg-color);color:var(--text-color)}.footer-text{font-size:1.6rem}.footer-iconTop{display:inline-flex;justify-content:center;align-items:center;padding:.8rem 1rem;background:var(--main-color);border-radius:.8rem;transition:.5s ease}.footer-iconTop a:hover{box-shadow:0 0 1rem var(--main-color)}.footer-iconTop a i{font-size:2.4rem;color:var(--snd-bg-color)}@media (max-width: 1200px){html{font-size:55%}}@media (max-width: 991px){.header{padding:2rem 3%}.section{padding:10rem 3%}.services{padding:7rem}.project{padding-bottom:7rem}.contact{min-height:auto}.footer{padding:2rem 3%}}@media (max-width: 768px){#menu-icon{display:block}.navbar{position:absolute;top:100%;left:0;width:100%;padding:1rem 3%;background:var(--bg-color);border-top:.1rem solid rgb(0,0,0,.2);box-shadow:0 .5rem 1rem #0003;display:none}.navbar.active{display:block}.navbar a{display:block;font-size:2rem;margin:3rem 0}.home{flex-direction:column}.home-content h3{font-size:2.6rem;padding-left:8px}.home-content h1{font-size:5rem;padding-left:8px}.home-content p{padding-left:8px;padding-right:8px}.home-content{order:2}.home-img img{width:90vw;margin-top:4rem}.about{flex-direction:column}.about-img img{width:90vw;margin-top:4rem}.services h2,.project h2{margin-bottom:3rem}.portfolio-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 617px){.portfolio-container{grid-template-columns:1fr}.about-img img{width:80vw;margin-top:8rem}.about-img img{width:100vw;margin-top:4rem}}@media (max-width: 450px){html{font-size:50%}.contact form .input-box input{width:100%}}.skills{background:var(--snd-bg-color);padding:7rem 9%}.skills h2{margin-bottom:4rem;color:var(--text-color)}.skills-container{display:inline-block;flex-wrap:wrap;justify-content:center;gap:10rem;text-align:center}.skill-box{text-align:center;background:var(--bg-color);padding:2rem;border-radius:1rem;box-shadow:0 0 1rem var(--main-color);transition:transform .3s ease,box-shadow .3s ease;position:relative;display:inline-block;margin:5px}.skill-box img{width:50px;height:50px;margin-bottom:1rem}.skill-box p{font-size:1.6rem;color:var(--text-color)}.skill-box:hover{transform:scale(1.05);box-shadow:0 0 1.5rem var(--main-color)}.skill__buttons svg,.skill__buttons:hover .skills__button--d-block{-webkit-transform:scale(1);transform:scale(1);transition:all .3s ease 0s;text-align:center;display:flex}.skill__buttons svg{margin-top:-10px}.skills__button--d-block{font-size:10px;font-weight:700;transition:all .5s ease 0s;position:absolute;left:27%;transform:translate(-50%) scale(0);text-align:center}.skill-box:hover .skills__button--d-block{-webkit-transform:scale(1);transform:scale(1);color:var(--text-color)}@media (max-width: 768px){.skills{background:var(--snd-bg-color);padding:7rem 5%;display:inline-table;flex-direction:row;text-align:center;align-items:center}.skills h2{margin-bottom:4rem;color:var(--text-color);text-align:center}.skills-container{display:flex;flex-wrap:wrap;justify-content:center;gap:5rem;text-align:center;width:100%}.skill-box{text-align:center;background:var(--bg-color);padding:2rem;border-radius:1rem;box-shadow:0 0 1rem var(--main-color);transition:transform .3s ease,box-shadow .3s ease;position:relative;margin:1rem;flex:1 1 calc(45% - 2rem);max-width:calc(45% - 2rem)}.skill-box img{width:50px;height:50px;margin-bottom:1rem}.skill-box p{font-size:1.6rem;color:var(--text-color)}.skill-box:hover{transform:scale(1.05);box-shadow:0 0 1.5rem var(--main-color)}.skill__buttons svg,.skill__buttons:hover .skills__button--d-block{-webkit-transform:scale(1);transform:scale(1);transition:all .3s ease 0s;text-align:center;align-items:center;display:inline;justify-content:center}.skill__buttons svg{margin-top:-10px}.skills__button--d-block{font-size:10px;font-weight:700;transition:all .5s ease 0s;position:absolute;left:50%;transform:translate(-50%) scale(0);text-align:center}.skill-box:hover .skills__button--d-block{-webkit-transform:scale(1);transform:scale(1);color:var(--text-color)}}canvas{display:block;width:100%;height:auto;padding-bottom:20px}