@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.header{align-items:center;display:flex;justify-content:space-between;padding:25px 8%;position:relative;width:1500px;z-index:999}.navbar-brand{color:#fff;color:var(--text-color);font-size:25px;font-weight:500}.navbar-brand span{color:#ff3131;color:var(--main-color)}.navbar{background-color:#000;border:none;padding-block:15px;text-decoration:none}.navbar-nav .nav-item{align-items:center;display:flex}.nav-item a{background-color:#ff313114;border:.2px solid #ff313133;border-radius:5px;color:#fff;color:var(--text-color);font-size:18px;margin:10px;padding:5px 12px;text-decoration:none;transition:.6s}.nav-item a:hover{background-color:#ff3131;box-shadow:0 5px 16px #ff3131;box-shadow:0 5px 16px var(--main-color);color:#fff;transform:translateY(-5px)}@media (max-width:950px){.header{position:relative}.navbar-toggler{border:none;display:flex}.nav{align-items:start;background-color:#000;box-shadow:0 5px 16px #ff3131;flex-direction:column;gap:20px;height:360px;left:0;overflow:hidden;padding:20px;position:absolute;top:100%;transition:.6s;width:100%}}@media (max-width:550px){.logo h2{font-size:20px}}.hero{color:#fff;justify-content:space-between;padding:120px 8% 80px;width:1500px}.hero,.hero-btns{align-items:center;display:flex}.hero-btns{gap:20px}.hero-info{width:55%}.hero-info h1{font-size:3.2rem;margin-bottom:20px}.hero-info h1 span{color:var(--main-color);filter:drop-shadow(0 0 10px var(--main-color));position:relative}.hero-info p{font-size:25px;font-weight:400;margin-bottom:20px}.social-icons{gap:20px;margin-bottom:30px}.social-icons,.social-icons i{align-items:center;display:flex}.social-icons i{border:1px solid var(--main-color);border-radius:50%;box-shadow:0 0 10px var(--main-color);color:var(--main-color);font-size:28px;height:50px;justify-content:center;transition:.6s;width:50px}.social-icons i:hover{background-color:var(--main-color);box-shadow:0 5px 16px var(--main-color);color:#fff;transform:translateY(-5px)}.hero-img{align-items:center;display:flex;justify-content:end;width:50%}.hero-img,.hero-img img{border-radius:50%;transition:.6s}.hero-img img{background-color:#6262ff;border:1px solid var(--main-color);box-shadow:0 0 10px var(--main-color);height:30vw;object-fit:cover;width:30vw}.hero-img img:hover{box-shadow:0 0 80px var(--main-color);transform:translateY(-15px)}@media (max-width:950px){.hero{flex-direction:column}.hero-info{margin-bottom:50px;width:100%}.hero-img{align-items:center;display:flex;justify-content:center;width:100%}.hero-img img{height:500px;width:500px}}@media (max-width:550px){.hero-img img{height:90vw;width:90vw}}.about{align-items:center;color:#fff;display:flex;gap:40px;justify-content:space-between;padding:80px 8%;width:1500px}.about-info{width:100%}.about-info h3{font-size:22px;font-weight:400;margin-bottom:30px}.about-info h3 span{border-bottom:2px solid var(--main-color)}.about-info h2{color:var(--main-color);font-size:40px;font-weight:400}.about-info button{margin:25px 0}@media (max-width:950px){.about{align-items:center;flex-direction:column-reverse}.about-info{width:100%}}.skills{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:80px 8%;width:1500px}.skills h2{border-bottom:2px solid var(--main-color);font-size:40px;font-weight:400;margin-bottom:10px;text-align:center}.skill-cards{grid-row-gap:50px;display:grid;grid-template-columns:repeat(5,1fr);margin-top:20px;row-gap:50px}.skills .tech-icons{align-items:center;border:2px solid var(--main-color);color:#fff;font-size:80px;gap:50px;height:150px;margin:20px;padding:30px;transition:.6s;width:150px}.skills .tech-icons:hover{border-color:var(--main-color);box-shadow:0 12px 16px var(--main-color);color:var(--main-color);transform:translateY(-8px);transform:scale(1.2)}@media (max-width:1300px){.skill-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.skill-cards{width:100%}.skill-cards div{top:150%}}@media (max-width:500px){.skill-cards{width:100%}}.tech-icons{text-align:center}.tech-name{display:block;font-size:14px;font-weight:700;margin-top:5px}.services{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:80px 8%;width:1500px}.services h2{border-bottom:2px solid var(--main-color);font-size:40px;font-weight:400;margin-bottom:10px;text-align:center}.services-cards{grid-gap:50px;display:grid;gap:50px;grid-template-columns:repeat(3,1fr);margin-top:50px}.services-card{border:2px solid #80808080;display:flex;flex-direction:column;gap:22px;padding:30px;transition:.6s}.services-card:hover{border-color:var(--main-color);box-shadow:0 12px 16px var(--main-color);transform:translateY(-8px)}.services-card #icon{font-size:2.3rem}.services-card h3{color:#ddd;font-size:1.4rem;letter-spacing:.9;transition:.6s}.services-card:hover #icon,.services-card:hover h3{color:var(--main-color)}.services-card p{text-align:start}.services-card a{align-items:center;border:1px solid var(--main-color);color:#ddd;color:red;display:flex;gap:7px;padding:8px;width:130px}@media (max-width:1300px){.services-cards{grid-template-columns:repeat(1,1fr)}}.project{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 8%;width:1500px}.project h2,.project p{color:#fff;text-align:center}.project h2{border-bottom:2px solid var(--main-color);font-size:40px;font-weight:400;margin-bottom:10px}.project-cards{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:50px}.project-card{border:2px solid var(--main-color);overflow:hidden;position:relative;width:45%}.project-card img{transition:.2s;width:100%}.project-card:hover img{transform:scale(1.05)}.project-card div{align-items:center;background:#000c;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;padding:25px 50px;position:absolute;top:100%;transition:.8s;width:100%}.project-card:hover div{top:0}.project-card div h4{color:#fff;font-size:1.2rem}.project-card div a{align-items:center;background-color:#fff;color:red;display:flex;font-size:15px;font-weight:300;gap:8px;margin-top:5px;padding:8px 12px}@media (max-width:1300px){.project-card{width:80%}}@media (max-width:768px){.project-card{width:100%}.project-card div{top:150%}}@media (max-width:500px){.project-card div h4{font-size:30px;line-height:30px}.project-card div{gap:5px}}.footer{color:#fff;display:grid;grid-template-columns:60% 20% 20%;padding:80px 8%;width:100%}.footer .links,.footer .links ul{display:flex;flex-direction:column;gap:20px}.footer .links ul a{color:#fff;transition:.6s}.footer .links ul a:hover{color:red;filter:drop-shadow(0 8px 4px var(--main-color));transform:translateY(-5px)}.footer .social{display:flex;gap:20px;margin-top:20px}.footer .social i{font-size:1.2rem;transition:.8s}.footer .social i:hover{color:red;filter:drop-shadow(0 8px 16px var(--main-color));transform:translateY(-5px) scale(1.05)}@media (max-width:768px){.footer{grid-template-columns:50% 25% 25%}}@media (max-width:500px){.footer{grid-template-columns:repeat(1,1fr)}.footer .links{margin:35px 0}}*{box-sizing:border-box;font-family:poppins;list-style:none;margin:0;padding:0;text-decoration:none}:root{--main-color:#ff3131;--text-color:#fff;--text-color-2:#ffffffe1}body{background-color:#141313}button{background-color:#ff3131;background-color:var(--main-color);border:none;border-radius:10px;cursor:pointer;font-size:18px;font-weight:800;height:50px;transition:.6s;width:150px}button:hover{box-shadow:0 5px 16px #ff3131;box-shadow:0 5px 16px var(--main-color);color:#fff;transform:translateY(-5px)}.contact,section{align-items:center;display:flex;justify-content:center}.contact{color:#fff;gap:30px;padding:80px 8%;width:1500px}.contact h2{border-bottom:2px solid var(--main-color);display:inline;font-size:40px;font-weight:400}.contact p{margin-top:22px;width:90%}form{border:2px solid red;box-shadow:0 6px 16px var(--main-color);display:flex;flex-direction:column;gap:16px;padding:60px 30px;width:45%}form input{border:1px solid var(--main-color);height:40px;outline:none;padding:0 8px;width:100%}form input:focus,form input:hover{border:var(--main-color);box-shadow:0 8px 16px var(--main-color)}button{margin-top:20px}@media (max-width:1300px){.contact{flex-direction:column}.contact div,form{width:100%}}
/*# sourceMappingURL=main.a9278f42.css.map*/