*{box-sizing:border-box;font-family:Nunito,sans-serif;margin:0;outline:none;padding:0;scroll-behavior:smooth;text-decoration:none}:root{--bg-color:#191f36;--snd-bg-color:#262b40;--text-color:#fff;--main-color:#59b2f4}html{font-size:62.5%}body{background:#191f36;background:var(--bg-color);color:#fff;color:var(--text-color)}section{min-height:100vh;padding:15rem 10% 2rem}@media(max-width:1200px){html{font-size:55%}}@media(max-width:991px){.header{padding:2rem 3%}section{padding:10rem 3%}.skills{padding:7rem}.portdolio{padding-bottom:7rem}.contact{min-height:auto}.footer{padding:2rem 3%}}@media(max-width:415px){html{font-size:50%}}.header{align-items:center;background:var(--bg-color);display:flex;justify-content:space-between;left:0;padding:4rem 10%;position:fixed;top:0;width:100%;z-index:100}.logo{color:var(--text-color);font-size:2.5rem;font-weight:700;letter-spacing:.1rem}.navbar{display:flex;justify-content:flex-end;list-style:none}.navbar a{color:var(--text-color);font-size:1.8rem;font-weight:700;margin-left:5rem}.navbar a.active,.navbar a:hover{color:var(--main-color)}#menu-icon{color:var(--text-color);font-size:3.6rem}#menu-icon,.nav-alert{display:none}@media (max-width:768px){#menu-icon{display:block}.navbar.active{background:var(--bg-color);border-top:.1rem solid #0003;box-shadow:0 .5rem 1rem solid #0003;display:block;left:0;padding:1rem 3%;position:absolute;top:100%;width:100%}.navbar a{display:block;font-size:2rem;margin:1rem 0}.logo,.navbar{display:none}.nav-alert{display:block;padding:20px;width:100%}.nav-alert h3{background:var(--main-color);border-radius:1rem;color:var(--bg-color);font-size:2rem;margin-top:2rem;padding:2rem 3%;text-align:center}.header{display:none}}.home{align-items:center;display:flex;justify-content:space-between}.home-content h3{font-size:3.2rem;font-weight:700}.home-content p{font-size:2rem}.home-content h3:nth-of-type(2){margin-bottom:2rem}.home-content{margin-left:12rem}.home-content h1{font-size:5.6rem;font-weight:700;line-height:1.3}.home-img{margin-right:12rem}.home-img img{animation:floatImage 4s ease-in-out infinite;width:350px}@keyframes floatImage{0%{transform:translateY(0)}50%{transform:translateY(-2.4rem)}to{transform:translateY(0)}}.social-media a{align-items:center;background:#0000;border:.2rem solid var(--main-color);border-radius:50%;color:var(--main-color);display:inline-flex;font-size:2rem;height:4rem;justify-content:center;margin:3rem 1.5rem 3rem 0;transition:.3s ease;width:4rem}.social-media a:hover{color:var(--snd-bg-color)}.btn,.social-media a:hover{background:var(--main-color);box-shadow:0 0 1rem var(--main-color)}.btn{border-radius:4rem;color:var(--bg-color);display:inline-block;font-size:1.6rem;font-weight:600;letter-spacing:.1rem;padding:1rem 2.8rem;transition:.3s ease}.btn:hover{box-shadow:none}@media(max-width:768px){.home{flex-direction:column;margin-top:-10rem}.home-cotent h3{font-size:2.6rem}.home-content{order:2}.home-content h1{margin-top:1rem;width:90vw}.home-content h1,h3{text-align:center}.social-media{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn{display:block;margin:2rem auto;text-align:center;width:50%}.home-img{margin-bottom:4rem;margin-right:0}.home-content{margin-left:0}.home-content p{text-align:center}}@media(max-width:617px){.home-img img{margin-top:8rem;width:80vw}}.about{align-items:center;background:var(--snd-bg-color);display:flex;gap:10rem;justify-content:center}.about-img img{border-radius:2rem;width:18vw}.heading{font-size:4rem;text-align:center}.about-content h2{line-height:1.2;text-align:left}.about-content p{font-size:1.8rem;line-height:1.7;margin:2rem 0 3rem;text-align:justify}span{color:var(--main-color)}@media(max-width:768px){.about{flex-direction:column}.about-img img{border-radius:2rem;margin-top:4rem;width:70vw}.about-content h2{margin-bottom:5rem;text-align:center}.about-content p{text-align:justify}}@media(max-width:617px){.about-img img{margin-top:4rem}}.skills h2{text-align:center}.skills .heading{margin-bottom:4rem}.skills-container{grid-gap:50px;display:grid;gap:50px;grid-template-columns:repeat(4,12%);justify-content:center}.skills-box{border:.2rem solid var(--bg-color);border-radius:12px}.skills-box,.skills-box-highlight{align-items:center;background:var(--snd-bg-color);display:flex;flex-direction:column;gap:20px;height:18rem;justify-content:center;max-width:300px;padding:25px;text-align:center;transition:transform .3s ease,border-color .3s ease;width:100%}.skills-box-highlight{border:.1rem solid #ff0;border-radius:12px}.skills-box:hover{border-color:var(--main-color);transform:scale(1.05)}.skills-box h3{color:var(--text-color);font-size:1.8rem}.skills-icon{align-items:center;display:flex;height:80%;justify-content:center}.skills-icon img{width:60px}@media(max-width:790px){.skills h2{margin-bottom:3rem}.skills-container{grid-template-columns:repeat(2,1fr);height:auto}}@media(max-width:1900px){.skills-container{height:auto}}.portfolio{background:var(--snd-bg-color)}.portfolio h2{margin-bottom:4rem}.portfolio-container{grid-gap:5rem;align-items:center;display:grid;gap:5rem;grid-template-columns:repeat(3,1fr)}.portfolio-box{border-radius:2rem;box-shadow:0 0 1rem var(--bg--color);display:flex;height:250px;overflow:hidden;position:relative}.portfolio-box img{opacity:1;transition:.3s ease;width:100%}.portfolio-box:hover img{transform:scale(1.1)}.portfolio-box .portfolio-layer{align-items:center;background:var(--main-color);bottom:0;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;padding:0 4rem;position:absolute;text-align:center;transform:translateY(100%);transition:.2s ease;width:100%}.portfolio-box:hover .portfolio-layer{border:2px solid var(--main-color);border-radius:2rem;opacity:1;transform:translateY(0)}.portfolio-layer h4{color:var(--bg-color);font-size:2.5rem;margin-bottom:2rem}.portfolio-layer p{color:var(--text-color);font-size:1.8rem;font-weight:600;margin:.3rem 0 2rem}.portfolio-layer a{align-items:center;background:var(--text-color);border-radius:50%;display:inline-flex;height:5rem;justify-content:center;width:5rem}.portfolio-layer a i{color:var(--main-color);font-size:2rem}.portfolio-layer a i:hover{transform:scale(1.2)}.show-more{align-items:center;cursor:pointer;display:flex;font-size:2rem;gap:1rem;justify-content:center;margin-top:2rem;text-align:center}.show-more:hover{color:var(--main-color)}.show-more i{font-size:3rem;transition:transform .3s ease}.show-more:hover i{transform:translateX(5px)}@media(max-width:768px){.portfolio h2{margin-bottom:3rem}.portfolio-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:617px){.portfolio-container{grid-template-columns:1fr}}.contact h2{margin-bottom:3rem}.contact form{margin:5rem auto;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:var(--snd-bg-color);border:none;border-radius:.8rem;box-shadow:none;color:var(--text-color);font-size:1.6rem;margin:1rem 0;outline:none;padding:2rem;width:100%}.contact form .input-box input{width:49%}.contact form textarea{resize:none}.contact form .btn{border:none;cursor:pointer;margin-top:3rem}@media(max-width:415px){.contact-form .input-box input{width:100%}}.footer{align-items:center;background:var(--snd-bg-color);display:flex;flex-wrap:wrap;justify-content:space-between;padding:2rem 9%}.footer-text{font-size:1.6rem}.footer-iconTop{align-items:center;background:var(--main-color);border-radius:.8rem;display:inline-flex;justify-content:center;padding:.8rem 1rem;transition:.5s ease}.footer-iconTop a:hover{box-shadow:0 0 1rem var(--main-color)}.footer-iconTop a i{color:var(--snd-bg-color);font-size:2.4rem}
/*# sourceMappingURL=main.772a5c42.css.map*/