@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{border:none;box-sizing:border-box;font-family:poppins,sans-serif;margin:0;outline:none;padding:0;scroll-behavior:smooth;text-decoration:none}:root{--bg-color:#1f242d;--second-bg-color:#323946;--text-color:#fff;--main-color:#0ef}html{font-size:62.5%;overflow-x:hidden}body{background:#1f242d;background:var(--bg-color);color:#fff;color:var(--text-color)}section{min-height:100vh;padding:10rem 9% 2rem}.header{align-items:center;background:#1f242d;background:var(--bg-color);display:flex;justify-content:space-between;left:0;padding:2rem 9%;position:fixed;top:0;width:100%;z-index:100}.header.sticky{border-bottom:.1rem solid rgba(0,0,0,.2)}.logo{cursor:default;font-size:2.5rem;font-weight:600}.logo,.navbar a{color:#fff;color:var(--text-color)}.navbar a{font-size:1.7rem;margin-left:4rem;transition:.3s}.navbar a.active,.navbar a:hover{color:#0ef;color:var(--main-color)}#menu-icon{color:#fff;color:var(--text-color);display:none;font-size:3.6rem}.home{align-items:center;display:flex;justify-content:center}.home-content h3{font-size:3.2rem;font-weight:700}.home-content p{font-size:medium}.home-content h3:nth-of-type(4){margin-bottom:4rem}span{color:#0ef;color:var(--main-color)}.home-content h1{font-size:5.6rem;font-weight:700;line-height:1.3}.home-img img{width:35vw}.home-content p{font-size:1.6 rem}.social-media a{align-items:center;background:transparent;border:2rem solid #1f242d;border-radius:50%;color:#0ef;color:var(--main-color);display:inline-flex;font-size:2.5rem;height:4rem;justify-content:center;margin:3rem 1.5rem 3rem 0;width:4rem}.btn{background:#0ef;background:var(--main-color);border-radius:4rem;box-shadow:0 0 1rem #0ef;box-shadow:0 0 1rem var(--main-color);color:#323946;color:var(--second-bg-color);display:inline-block;font-size:1.6rem;font-weight:600;letter-spacing:.1rem;padding:1rem 2.8rem;transition:.5s ease}.btn :hover{box-shadow:none}.about{align-items:center;background-color:#323946;background-color:var(--second-bg-color);display:flex;gap:2rem;justify-content:center}.about-img img{width:35vw}.heading{font-size:4.5rem;text-align:center}.about-content h2{line-height:1.2;text-align:center}.about-content h3{font-size:2.6rem}.about-content p{font-size:1.6rem;margin:2rem 0 3rem}.portfolio{background-color:#323946;background-color:var(--second-bg-color)}.portfolio h2{margin-bottom:4rem}.portfolio-container{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.portfolio-container .portfolio-box{border-radius:2rem;box-shadow:0 0 1rem #1f242d;box-shadow:0 0 1rem var(--bg-color);display:flex;overflow:hidden;position:relative}.portfolio-box img{width:100%}.portfolio-box .portfolio-layer{align-items:center;background:linear-gradient(rgba(0,0,0,.1),#0ef);background:linear-gradient(rgba(0,0,0,.1),var(--main-color));bottom:0;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:0 4rem;position:absolute;text-align:center;width:100%}.portfolio-layer h4{font-size:3rem}.portfolio-layer p{font-size:1.6rem;margin:3 rem 0 1rem}.portfolio-layer a{align-items:center;background:#fff;background:var(--text-color);border-radius:50%;display:inline-flex;height:5rem;justify-content:center;width:5rem}.portfolio-layer a i{color:#323946;color:var(--second-bg-color);font-family:2rem}.contact h2{margin-bottom:3rem}.contact form{margin:1rem auto 3rem;max-width:70rem;text-align:center}.contact form .input-box{display:flex;flex-wrap:wrap;justify-content:space-between}.contact form .input-box input,.contact form textarea{background:#323946;background:var(--second-bg-color);border-radius:.8rem;color:#fff;color:var(--text-color);font-size:1.6rem;margin:.7rem 0;padding:1.5rem;width:100%}.contact form .input-box input{width:49%}.contact form textarea{resize:none}.contact form .btn{cursor:pointer;margin-top:2rem}.app{background:transparent;border-radius:50%;color:#0ef;color:var(--main-color);font-size:20rem;height:15rem;justify-content:center;margin:3rem 1.5rem 3rem 340px;width:15rem}.app,.footer{align-items:center;display:flex}.footer{background:#323946;background:var(--second-bg-color);flex-wrap:wrap;justify-content:space-between;padding:2rem 9%}.footer-text p{font-size:1.6rem}.footer-iconTop a{align-items:center;background:#0ef;background:var(--main-color);border-radius:.8rem;display:inline-flex;justify-content:center;padding:.8rem;transition:.5s ease}.footer-iconTop a i{color:#323946;color:var(--second-bg-color);font-size:2.4rem}@media (max-width:1200px){html{font-size:55%}}@media (max-width:991px){.header{padding:2rem 3%}section{padding:10rem 3% 2rem}.portfolio{padding-bottom:7rem}.contact{min-height:auto}.footer{padding:2rem 3%}}@media (max-width:768px){#menu-icon{display:block}.navbar{background:#1f242d;background:var(--bg-color);border-top:1rem solid rgba(0,0,0,.2);box-shadow:.5rem 1rem rgba(0,0,0,.2);left:0;padding:1rem 3%;position:absolute;top:100%;width:100%}.navbar a,.navbar.active{display:block}.navbar a{font-size:2rem;margin:3rem 0}.home{flex-direction:column}.home-content h3{font-size:2.6rem}.home-content h1{font-size:5rem}.home-img img{-webkit-animation:floatImage 4s ease-in-out infinite;animation:floatImage 4s ease-in-out infinite;width:70vw}@-webkit-keyframes floatImage{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-2.4rem);transform:translateY(-2.4rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes floatImage{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-2.4rem);transform:translateY(-2.4rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.about{flex-direction:column-reverse}.about img{margin-top:4rem;width:70vw}.portfolio-container h2{margin-bottom:3rem}.portfolio-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:617px){.portfolio-container{grid-template-columns:1fr}}@media (max-width:450px){html{font-size:50%}.contact form .input-box input{width:100%}}@media (max-width:365px){.about-img img,.home-img img{width:90vw}.footer{flex-direction:column-reverse}.footer p{margin-top:2rem;text-align:center}}
/*# sourceMappingURL=main.7a4c2a68.css.map*/