*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;scroll-behavior:smooth}nav{background-color:#151312;height:15vh;width:100%}.navbar,nav{align-items:center;display:flex;justify-content:center}.navbar{background-color:#ffffff08;border-radius:20px;height:5vh;padding:30px 20px;width:auto}.navbar ul{display:flex;gap:40px;list-style:none;margin:0;padding:0}.navbar li{display:inline}.navbar a{align-items:center;cursor:pointer;display:inline-flex;justify-content:center;padding:5px}.navbar a,.navbar img{transition:all .3s ease}.navbar img{filter:invert(100%) sepia(100%) saturate(500%) hue-rotate(200deg) brightness(100%);height:20px;width:20px}.navbar a:active img,.navbar a:hover img{filter:invert(15%) sepia(98%) saturate(1457%) hue-rotate(5deg) brightness(200%) contrast(106%)}.content{display:flex;min-height:100vh;width:100%}.l_content{justify-content:end;padding-right:50px;width:40%}.l_content,.r_content{align-items:start;background-color:#151312;display:flex;height:100vh;padding-top:100px}.r_content{flex-direction:column;justify-content:start;overflow-y:auto;padding-left:50px;width:60%}.l_content::-webkit-scrollbar,.r_content::-webkit-scrollbar{display:none}.card{background-color:#fff;border:2px solid #fff;border-radius:20px;gap:50px;height:auto;padding-bottom:40px;padding-top:40px;position:relative;text-align:center;width:60%}.card,.card_content{display:flex;flex-direction:column}.card_content{align-items:center}.card_content img{height:250px;width:250px;z-index:1}.card_content h3{color:#151312;font-size:2rem;font-weight:800;min-height:3rem}.typing-cursor{animation:blink .7s infinite;margin-left:2px}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.card_content2{display:flex;flex-direction:column;gap:20px;padding:0 20px}.card_content2 p{color:#6a6b6e;font-size:1rem;font-weight:200;line-height:1.3rem}.card_content3{display:flex;gap:20px;justify-content:center}.card_content3 img{height:20px;width:20px}.heroic h1{color:#fff;font-size:6rem;font-weight:800;line-height:6rem;width:80%}.heroic h1 span{color:#b4b6bd33}.heroic p{color:#6a6b6e;font-size:1.2rem;font-weight:400;line-height:1.8rem;margin-top:20px;padding-top:20px;width:60%}.progress{color:#fff;gap:10px;margin-top:50px}.progress p{color:#6a6b6e;font-size:1rem;font-weight:400;line-height:1.5rem;width:60%}.progress h1{font-size:4rem;font-weight:700;width:auto}.info_container,.project_container{display:flex;gap:50px;width:100%}.info_container{height:auto}.info{background-image:url(/static/media/bgred.a2edd72232a2b1bd7233.png)}.info,.info2{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;gap:10px;height:220px;margin:50px 0;position:relative;width:370px}.info2{background-image:url(/static/media/bglime.d89e14800aa62ed22d0b.png)}.info .elements img{filter:invert(100%) sepia(0) saturate(0) hue-rotate(0deg)}.info .elements img,.info2 .elements img{height:30px;left:30px;position:relative;top:30px;width:30px}.info2 .elements img{filter:invert(0) sepia(0) saturate(0) hue-rotate(0deg)}.info .elements h2{color:#fff}.info .elements h2,.info2 .elements h2{font-size:1.5rem;font-weight:500;left:30px;position:relative;top:50px;width:70%}.info2 .elements h2{color:#151312}.btn1,.btn2{padding:5px 5px 5px 0;position:relative;top:40px}.btn1 img:hover{filter:invert(0) sepia(0) saturate(0) hue-rotate(0deg)}.btn1 img:hover,.btn2 img:hover{border-radius:10px;cursor:pointer;transition:all .3s ease}.btn2 img:hover{filter:invert(100%) sepia(0) saturate(0) hue-rotate(0deg)}.card .half{background-color:#151312;height:200px;overflow:hidden;position:absolute;width:100%;z-index:1}.contact_section,.exp,.recent_projects,.tools{margin-top:150px}.view{width:100%}.view_element{display:flex;gap:30px;margin-top:20px;padding:20px;width:80%}.exp_content:hover,.view_element:hover{background-color:#b4b6bd33;border-radius:20px;cursor:pointer;padding:20px;transition:all .3s ease}.view_element .view_photo img{border-radius:10px;height:150px;width:200px}.view_element .view_des{display:flex;flex-direction:column;gap:20px;justify-content:center}.view_element .view_des p{color:#6a6b6e;line-height:1.5rem}.exp_content_left h1,.view_element .view_des h2{color:#fff}.exp_content_right img,.view_element .view_btn img{filter:invert(50%) sepia(100%) saturate(800%) hue-rotate(350deg) brightness(95%) contrast(100%);height:20px;width:20px}.exp_content{display:flex;margin-top:20px;padding:20px;width:80%}.exp_content_left p{color:#6a6b6e;line-height:1.3rem;width:80%}.tool_element{display:flex;gap:20px;margin-left:20px;margin-top:20px;width:80%}.tool_element .tool1,.tool_element .tool2{width:50%}.tool_element1{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.tool_element1 img{background-color:#fff;border-radius:10px;height:50px;padding:5px;width:50px}.tool_element2 h1{color:#fff}.tool_element2 p{color:#6a6b6e;line-height:1.3rem}.contactform1{display:flex;gap:20px;justify-content:space-between;margin-top:50px;width:80%}.contactmessage,.contactperson{display:flex;flex-direction:column;gap:10px;width:100%}.contactmessage label,.contactperson label{color:#fff}.contactperson input{background-color:#b4b6bd33;border:none;border-radius:10px;box-sizing:border-box;color:#fff;padding:20px}.contactmessage textarea:focus,.contactperson input:focus{border:1px solid #ff2600;outline:none}.btn,.contactmessage{margin-top:30px;width:80%}.contactmessage textarea{word-wrap:break-word;background:#b4b6bd33;border:none;border-radius:10px;color:#fff;font-size:16px;min-height:120px;padding:12px 14px;resize:none;white-space:pre-wrap;width:100%}.btn{display:flex;justify-content:start}button{background-color:#ff2600;border:none;border-radius:10px;color:#fff;font-weight:700;padding:20px;width:30%}.contact_section{margin-bottom:150px}a{text-decoration:none}@media (max-width:1200px){.card{width:80%}.content{flex-direction:column}.l_content{align-items:center;justify-content:center;padding-right:0;padding-top:10px;position:fixed;width:100%;z-index:1}.r_content{padding-left:20px;padding-right:20px;position:relative;width:100%;z-index:5}.info_container{gap:10px}.info .elements img,.info2 .elements img{height:20px;left:20px;top:20px;width:20px}.info .elements h2,.info2 .elements h2{font-size:1.3rem;left:20px;top:30px}.heroic h1{font-size:3rem;line-height:3rem}.tool_element2 h1{font-size:1.2rem}.heroic p{width:100%}.progress h1{font-size:2rem}.progress p{font-size:.8rem;width:100%}.exp_content{width:auto}.view_element{flex-direction:column;width:auto}.exp_content_left p{width:auto}.project_container{gap:20px}.view_element .view_photo img{height:200px;object-fit:fill;width:100%}.contactform1{display:flex;flex-direction:column;gap:20px;justify-content:space-between;width:auto}.btn,.contactmessage{margin-top:30px;width:auto}}
/*# sourceMappingURL=main.250e3194.css.map*/