*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}html{scroll-behavior:smooth}.roboto-thin{font-weight:100}.roboto-light,.roboto-thin{font-family:Roboto,sans-serif;font-style:normal}.roboto-light{font-weight:300}.roboto-regular{font-weight:400}.roboto-medium,.roboto-regular{font-family:Roboto,sans-serif;font-style:normal}.roboto-medium{font-weight:500}.roboto-bold{font-weight:700}.roboto-black,.roboto-bold{font-family:Roboto,sans-serif;font-style:normal}.roboto-black{font-weight:900}.roboto-thin-italic{font-weight:100}.roboto-light-italic,.roboto-thin-italic{font-family:Roboto,sans-serif;font-style:italic}.roboto-light-italic{font-weight:300}.roboto-regular-italic{font-weight:400}.roboto-medium-italic,.roboto-regular-italic{font-family:Roboto,sans-serif;font-style:italic}.roboto-medium-italic{font-weight:500}.roboto-bold-italic{font-weight:700}.roboto-black-italic,.roboto-bold-italic{font-family:Roboto,sans-serif;font-style:italic}.roboto-black-italic{font-weight:900}.container{margin:auto;max-width:1280px;overflow:hidden;padding-left:15px;padding-right:15px}.bg_primary{background:linear-gradient(90deg,#f8f9fd 77%,#cadff1 0);background-position:0 0,100% 0;height:auto;max-width:100%}.bg_primary_full{background-color:#f8f9fd}.bg_blue{background-color:#0189ff}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar{align-items:center;background-color:inherit;display:flex;gap:20px;justify-content:space-evenly;padding-top:25px}.nav_logo img{height:auto;width:110px}.nav_list{display:flex;font-size:17px;list-style:none;padding:0}.nav_item{padding:0}.nav_link{color:#000;padding-left:50px;text-decoration:none}.nav_link:hover{color:#1f1f1f}.nav_mail{font-size:20px}.nav_mail img{height:30px;padding-right:30px;padding-top:10px;transition:transform .3s ease-in-out;width:30px}.nav_mail img:hover{transform:scale(1.2)}.hr{background-color:#0189ff;height:3px;width:35%}.menu_button{background:none;border:none;color:#4e4e4e;cursor:pointer;display:none;font-size:24px}.nav_menu,.nav_menu.open{display:flex}@media (max-width:768px){.navbar{justify-content:space-between}.menu_button{display:block}.nav_menu{background-color:#ffffffe6;border-radius:10px;display:none;gap:20px;height:100vh;left:0;position:absolute;top:80px;width:100%;z-index:1000}.nav_list,.nav_menu{align-items:center;flex-direction:column;justify-content:center}.nav_list{gap:25px}.nav_link{font-size:20px;padding-left:0}.hr{display:none}}.hero{align-items:center;display:flex;flex-wrap:wrap;height:90vh;justify-content:space-between;text-align:start}.hello_image img{height:80px;width:80px}.hero_content{max-width:50%}.hero_content h2{font-size:40px;font-weight:400;padding-bottom:20px}.hero_content h2 span{animation:wave 2s infinite;display:inline-block}.hero_content h1{font-size:60px;font-weight:500;line-height:90px;padding-bottom:20px}.hero_content h1 span{color:#0189ff}.hero_content p{color:#6b6b6b;font-size:18px;font-weight:400;padding-bottom:40px}button{border-style:none;height:50px;transition:all .5s;width:150px}button,button a{font-size:18px;font-weight:300}button a{color:#fff;text-decoration:none}.hero .button1{background-color:#0189ff;color:#fff;margin-right:20px}.button1 span{cursor:pointer;display:inline-block;position:relative;transition:.5s}.button1 span:after{content:"\00bb";opacity:0;position:absolute;right:-20px;top:0;transition:.5s}.button1:hover span{padding-right:25px}.button1:hover span:after{opacity:1;right:0}.hero .button2{background-color:initial;border:2px solid #c9c9c9}.button2 a{color:#6b6b6b;cursor:pointer;display:inline-block;position:relative;transition:.5s}.button2 a:after{content:"\2193";opacity:0;position:absolute;right:-20px;top:0;transition:.5s}.button2:hover a{padding-right:25px}.button2:hover a:after{opacity:1;right:0}.popup-message{align-items:center;animation:fadeInOut 3s cubic-bezier(.4,0,.2,1);background:#ffffffd2;border-inline:6px solid #0189ff;border-radius:12px;box-shadow:0 4px 16px #27ae6026,0 1.5px 6px #00000014;color:#4e4e4e;display:flex;font-size:1.08rem;font-weight:500;gap:12px;opacity:1;padding:16px 28px 16px 18px;position:fixed;right:20px;top:10%;z-index:1000}.popup-message .success-dot{background:#27ae60;border-radius:50%;box-shadow:0 0 0 2px #eafaf1;display:inline-block;height:16px;margin-right:4px;width:16px}.popup-message .download-icon{color:#27ae60;display:inline-block;height:22px;margin-right:4px;width:22px}.profile_img{display:flex;flex-direction:column;max-width:50%;position:relative}.profile_1{background-color:#cadff1;border-radius:50%;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;height:auto;width:100%}img{height:auto;max-width:450px;object-fit:contain}img.cutout{filter:drop-shadow(0 0 0 white) drop-shadow(0 0 3px white)}@media (max-width:1024px){.hero{flex-direction:column;height:auto;text-align:center}.hero_content{margin-bottom:20px;max-width:100%}.hero_content h1{font-size:50px;line-height:70px}.hero_content p{font-size:16px}.btn{display:flex;gap:10px;justify-content:center}.profile_img{max-width:80%}}@media (max-width:768px){.hero_content h1{font-size:40px;line-height:60px}.hero_content p{font-size:14px}button{font-size:16px;height:45px;width:130px}.profile_img{max-width:100%}img{max-width:300px}.popup-message{font-size:14px;padding:15px 20px;right:30px;top:5%}}@media (max-width:480px){.hero_content h1{font-size:30px;line-height:50px}.hero_content p{font-size:12px}button{font-size:14px;height:40px;width:120px}.hello_image img{height:60px;width:60px}img{max-width:250px}.popup-message{font-size:14px;left:0;margin-inline:10px;right:0;top:70%}.popup-message .success-dot{height:14px;width:14px}}.about{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;max-height:100%;padding-top:50px;text-align:start}.about .profile img{height:auto;object-fit:cover;width:50}.about_content{max-width:50%;padding-bottom:30px;padding-left:40px}.about_content h4{color:#0189ff;font-size:20px;font-weight:100}.about_content p{color:#6b6b6b;font-size:16px;font-weight:400;line-height:1.5;padding-top:20px;word-spacing:3px}.socialMedia{align-items:center;display:flex;padding-top:35px}.socialMedia button{background-color:#0189ff;border-style:none;color:#fff;cursor:pointer;font-size:18px;font-weight:300;height:50px;transition:.5s ease;width:150px}.socialMedia button:hover{background-color:initial;border:2px solid #c9c9c9;color:#6b6b6b}.socialMedia span{color:#6b6b6b;font-size:16px;font-weight:300}.icon-link{padding-left:35px}.icon-link img{height:30px;width:30px}@media (max-width:768px){.about{flex-direction:column;text-align:center}.about_content h4{font-size:1.5rem}.about .profile img{max-width:300px;width:100%}.about_content{max-width:100%;padding-left:0;padding-top:20px}.socialMedia{flex-direction:column;gap:15px}.icon-link{padding-left:0}.icon-link img{height:40px;width:40px}.icons{align-items:center;display:flex;gap:10px;justify-content:center}}@media (max-width:480px){.about_content h4{font-size:1.2rem}.about_content p{font-size:14px;line-height:1.4}.socialMedia button{font-size:16px;width:100%}}.skills_container{box-sizing:border-box;margin-top:50px;min-height:100vh;padding:20px}.skills_card,.skills_container{align-items:center;display:flex;flex-direction:column}.skills_card{flex-wrap:wrap;justify-content:center;max-width:1200px;width:100%}.card{box-sizing:border-box;max-width:500px;padding:20px}.card_title{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:12px}.card_title img{height:24px;width:24px}.card_title h3{font-size:20px;margin:0;padding-bottom:10px}.skills_list{color:#222;font-size:17px;list-style:disc inside;padding-left:10px}.skills_list li{word-wrap:break-word;line-height:1.5;margin-bottom:8px;max-width:100%;overflow-wrap:break-word;word-break:break-word}.icon_slider{height:100px;margin-top:40px;overflow:hidden;position:relative;width:100%}.slider_track{animation:scroll 20s linear infinite;display:flex;gap:60px;width:-webkit-max-content;width:max-content}.slider_track img{height:48px;object-fit:contain;width:48px}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (max-width:768px){.skills_card{align-items:center;flex-direction:column}.card{max-width:100%;width:100%}.slider_track{gap:40px}.slider_track img{height:40px;width:40px}}.contact{align-items:center;background-color:#0189ff;border-radius:20px;color:#fdfdfd;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.info{padding-right:15px;padding-top:15px;text-align:start}.info h1{color:#fdfdfd;font-size:50px;padding-bottom:5px}.info h4{font-size:15px;font-weight:400;padding-bottom:50px}.info p{font-size:15px;font-weight:300;padding-bottom:15px}form{display:flex;flex-direction:column;gap:2rem;padding-bottom:30px;padding-top:30px;text-align:start;width:600px}::placeholder{color:#fff;opacity:.5}form input,form textarea{background-color:initial;border:none;border-bottom:2px solid #fff}form .button{background-color:#fdfdfd;border:none;color:#0189ff;font-size:20px;height:40px;transition:.3s ease-in;width:180px}form .button:hover{transform:scale(1.2)}input:focus,textarea:focus{color:#fdfdfd;font-size:15px;outline:none;padding-bottom:5px}.popup{animation:fadeInOut 3s ease-in-out;background-color:#4caf50;border-radius:5px;bottom:0;box-shadow:0 2px 5px #0003;color:#fff;margin:20px;padding:20px 60px;position:fixed;right:0;z-index:1000}@keyframes fadeInOut{0%{opacity:0;transform:translateY(20px)}10%,90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@media (max-width:768px){.contact{align-items:center;flex-direction:column;padding:20px}.info{padding:0 15px;text-align:center}form{padding:0}form,form .button,form input,form textarea{width:100%}}@media (max-width:480px){.info h1{font-size:30px}.info h4,.info p{font-size:12px}form{gap:1rem}form .button{font-size:16px;height:35px}.popup{font-size:14px;padding:15px 40px}}.footer{background-color:#333;color:#fff;padding:1rem 0;text-align:center}.footer-content{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px}.footer-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:.5rem}.footer-links a{color:#fff;font-size:14px;font-weight:300;margin:0 .5rem;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#1e90ff}.footer-responsive{align-items:center;display:flex;flex-direction:column;padding:1rem;text-align:center}@media (min-width:768px){.footer-responsive{flex-direction:row;justify-content:space-between;text-align:left}}
/*# sourceMappingURL=main.fa860cfb.css.map*/