@import url(https://fonts.googleapis.com/css2?family=Montserrat: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&family=Poppins:wght@500&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body,html{background:#081b29;color:#ededed;height:100%;scroll-behavior:smooth}.app{display:flex;flex:1 1;flex-direction:column;min-height:100vh}.header{align-items:center;background-color:#00abf0;border-radius:0 0 20px 20px;display:flex;justify-content:space-between;left:0;padding:20px 10%;position:fixed;top:0;width:100%;z-index:99}p.logo{color:#081b29;font-size:15px;font-weight:300;position:relative;text-decoration:none}.logo:before{animation:showRight 1s ease forwards;animation-delay:.4s;background:#0000;content:"";height:100%;position:absolute;right:0;top:0;width:100%}.logo:hover{text-shadow:.1px .1px #f5f5f5}.navbar a{color:#ededed;cursor:pointer;font-size:18px;font-weight:500;margin-left:35px;text-decoration:none;transition:.3s}.navbar a.active,.navbar a:hover{color:#081b29;font-weight:700}.download-resume{background-color:#081b29;border:2px solid #081b29;color:#ededed;cursor:pointer;display:inline-block;padding:8px 15px;text-decoration:none}.navbar>a.download-resume:hover{color:#ededed}.menu-toggle{background:#00abf0;border:2px solid #081b29;cursor:pointer;display:none;font-size:24px;height:40px;width:40px}@media (max-width:768px){.header{padding:10px 5%}.navbar{background-color:#00abf0;box-shadow:0 2px 5px #0000001a;display:none;flex-direction:column;gap:10px;padding:10px;position:absolute;right:20px;top:60px}.navbar a{font-size:16px;margin-left:0;margin-top:10px}.navbar.open{display:flex}.menu-toggle:active,.menu-toggle:hover{background-color:#081b29;color:#ededed}.menu-toggle{display:block}.download-resume{padding:5px 10px}}@media (min-width:768px) and (max-width:1024px){.header{padding:15px 5%}.navbar{background-color:#00abf0;box-shadow:0 2px 5px #0000001a;display:none;flex-direction:column;gap:10px;padding:10px;position:absolute;right:20px;top:60px}.navbar.open{display:flex}.navbar a{font-size:16px;margin-left:0;margin-top:10px}.download-resume{font-size:16px;padding:8px 12px}.menu-toggle{display:block}.menu-toggle:active,.menu-toggle:hover{background-color:#081b29;color:#ededed}.header .navbar.open{display:flex}}.about{align-items:center;background:url(/static/media/figure.ce4c83d380c34fe93b10.JPG) no-repeat;background-position:50%;background-size:cover;display:flex;height:100vh;padding:15% 10% 0;z-index:9}.home-content{height:90vh;max-width:600px}.home-content h1{font-size:56px;font-weight:700;line-height:1.2;position:relative}.home-content h1:before{animation:showRight 1s ease forwards;animation-delay:1s;background:#081b29;content:"";height:100%;position:absolute;right:0;top:0;width:100%}.home-content h3{color:#ededed;font-size:32px;font-weight:500;position:relative}.home-content h3:before{animation:showRight 1s ease forwards;animation-delay:1.3s;background:#081b29;content:"";height:100%;position:absolute;right:0;top:0;width:100%}.about-me{color:#00abf0;font-weight:700}.home-content p{font-size:16px;margin:15px 0 40px;position:relative}.home-content p:before{animation:showRight 1s ease forwards;animation-delay:1.6s;background:#081b29;content:"";height:100%;position:absolute;right:0;top:0;width:100%}.home-btns{align-items:flex-start;display:flex;flex-direction:column;gap:20px;margin-top:20px;position:relative;z-index:5}.home-btns.center{align-items:center}.home-content .btn-box{display:flex;height:50px;justify-content:space-evenly;margin:20px auto auto 40px;position:relative;width:345px}.home-content .btn-box:before{animation:showRight 1s ease forwards;animation-delay:1.9s;background:#081b29;content:"";height:100%;position:absolute;right:0;top:0;width:100%;z-index:2}.btn-box a,.btn-box button{align-items:center;background:#00abf0;border:2px solid #00abf0;border-radius:8px;color:#081b29;cursor:pointer;display:inline-flex;font-size:19px;height:100%;justify-content:center;letter-spacing:1px;overflow:hidden;position:relative;text-decoration:none;transition:.5s;width:150px;z-index:1}.btn-box a:hover,.btn-box button:hover{color:#00abf0}.btn-box a:nth-child(2){background:#0000;color:#00abf0}.btn-box a:nth-child(2):hover{color:#081b29}.btn-box a:nth-child(2):before{background:#00abf0}.btn-box a:before,.btn-box button:before{background:#081b29;content:"";height:100%;left:0;position:absolute;top:0;transition:.5s;width:0;z-index:-1}.btn-box a:hover:before,.btn-box button:hover:before{width:100%}.modal-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-width:500px;padding:2rem;text-align:center;width:100%}.modal h2{color:#333;font-size:1.8rem;margin-bottom:1.5rem}.modal form label{color:#555;display:block;font-weight:600;margin-bottom:.5rem;text-align:left}.modal form input[type=email],.modal form input[type=text]{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1rem;margin-bottom:1.5rem;padding:.8rem;width:calc(100% - 2rem)}.modal form button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin:20px;padding:.8rem 1.5rem;transition:background-color .3s ease}.modal form button[type=submit]{background-color:#28a745}.modal form button[type=submit]:hover{background-color:#218838}.modal form button{background-color:#dc3545}.modal form button:hover{background-color:#c82333}.icons{bottom:-95px;display:flex;justify-content:space-evenly;margin:20px 10px;padding-left:100px;position:absolute;width:320px}.icons:before{animation:showRight 1s ease forwards;animation-delay:2.5s;background:#081b29;content:"";height:100%;position:absolute;right:0;top:0;width:100%;z-index:2}.icons a{align-items:center;background:#0000;border:2px solid #00abf0;border-radius:50%;color:#00abf0;display:inline-flex;font-size:20px;height:40px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;width:40px;z-index:1}.icons a:before{background:#00abf0;content:"";height:100%;left:0;position:absolute;top:0;transition:.5s;width:0;z-index:-1}.icons a:hover:before{width:100%}.icons a:hover{color:#081b29}.image-hover{animation:manipActiveHover .1s forwards;animation-delay:4s;background:#0000;height:100vh;pointer-events:none;position:absolute;right:140px;top:10%;transition:3s;width:500px;z-index:-1}.image-hover:hover{background:#081b29;opacity:.6}.image-hover:after{animation:showRight 1s ease forwards;animation-delay:3s;background:#081b29;content:"";height:100%;position:absolute;right:0;top:0;width:100%;z-index:100}@keyframes showRight{to{width:0}}@keyframes manipActiveHover{to{pointer-events:auto}}@media (max-width:768px){.about{align-items:center;background:none;flex-direction:column;height:80%;padding:25% 2% 0;text-align:center}.home-content{height:80%;max-width:100%}.home-content h1{font-size:30px}.home-content h3{font-size:19px}.home-content p{font-size:12px;padding:10px}.home-content .btn-box{margin:10px;width:100%}.btn-box a{padding:10px}.icons{bottom:0;gap:10px;justify-content:center;left:0;margin:30px 2px;padding:2px 0;position:relative;width:100%}.image-hover{display:none}}@media (min-width:768px) and (max-width:1024px){.home{align-items:center;background:none;flex-direction:column;height:auto;padding:20% 5% 0;text-align:center}.home-content{height:auto;max-width:80%}.home-content h1{font-size:40px}.home-content h3{font-size:24px}.home-content p{font-size:14px;padding:10px}.home-content .btn-box{margin:10px;width:100%}.btn-box a{padding:10px}.icons{bottom:0;gap:20px;justify-content:center;left:0;margin:2px 1px;padding:15px 0;position:relative;width:100%}.image-hover{display:none}}.contact:before{animation:showRight 1s ease forwards;animation-delay:1.9s;background:#081b29;content:"";height:100%;position:absolute;right:0;top:0;width:100%;z-index:2}.contact{margin:90px auto 30px;max-width:800px;text-align:center}.contact,form{padding:20px;width:100%}form{background-color:initial;box-shadow:0 5px 15px #0000001a;box-sizing:border-box;margin:20px auto;max-width:500px}.form-group{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.form-group label{color:#00abf0;margin-bottom:5px}form input[type=email],form input[type=text],form textarea{border:1px solid #ccc;border-radius:5px;margin:1px 0;padding:5px;width:95%}form button{background:#0000;border:2px solid #00abf0;border-radius:8px;color:#00abf0;cursor:pointer;font-size:19px;height:50px;letter-spacing:1px;overflow:hidden;text-decoration:none;width:150px}form button:before{background:#00abf0;content:"";height:100%;left:0;position:absolute;top:0;transition:.5s;width:0;z-index:-1}form button:hover{background-color:#00abf0;color:#081b29}.popup{background-color:#4caf50;border-radius:5px;color:#fff;margin-top:15px;padding:10px;text-align:center}.technical-skill{margin-top:90px}section.horizontal-scroll{margin:0 auto;overflow-x:hidden;padding:20px;text-align:center;width:80%}.icon-container{animation:scrollAnimation 10s linear infinite;display:flex;padding-top:50px;width:-webkit-max-content;width:max-content}.icon-container img{background-color:#ededed;border:2px solid #00abf0;border-radius:50%;height:80px;margin-right:40px;width:80px}@keyframes scrollAnimation{0%{transform:translateX(100vw)}to{transform:translateX(-100%)}}section#programming-languages{margin:50px auto 0;text-align:center;width:70%}#programming-languages .skill{margin-bottom:40px;margin-top:10px}#programming-languages .progress-bar{background:linear-gradient(90deg,#831bcd,#f9620b);border-radius:10px;height:20px;width:0}#programming-languages .progress{background-color:initial;border-radius:10px;height:100%}#programming-languages h2{padding-bottom:20px}.skill p{padding:10px}#programming-languages .progress-bar.animated{animation:animateProgress 1s ease forwards}@keyframes animateProgress{to{width:var(--progress)}}.projects{margin:120px auto 50px;text-align:center;width:70%}.project-cards{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:50px}.project-card-link{text-decoration:none}.project-card{background:#00abf0;border:1px solid #00abf0;border-radius:8px;color:#081b29;overflow:hidden;text-align:center;transition:transform .3s,box-shadow .3s;vertical-align:middle;width:300px}.project-card:hover{box-shadow:0 4px 8px #0003;transform:translateY(-5px)}.project-image img{display:block;height:200px;width:100%}.project-info{padding:1rem}.project-info h3{font-size:1.25rem;margin:4px}.project-info p{color:#ededed;font-size:1rem}.project-tools{color:#555;font-size:12px;margin-top:10px}.project-tools strong{color:#000}.project-buttons{display:flex;justify-content:space-evenly;margin:20px 0 10px;position:relative}.project-buttons a,.project-buttons button{background-color:#081b29;border:none;color:#ededed;cursor:pointer;display:inline-flex;font-size:14px;height:100%;justify-content:center;padding:4px;position:relative;text-decoration:none;width:100px}@media (max-width:768px){.project-cards{align-items:center;flex-direction:column}.project-card{max-width:600px;width:100%}}.footer{background-color:#00abf0;border-radius:20px 20px 0 0;border-top:1px solid #00abf0;bottom:0;margin-top:auto;padding:1rem;position:relative;text-align:center}.footer-content{margin:0 auto;max-width:1200px}.footer-content p{color:#333;font-size:.875rem;margin:0}.footer-links{margin-top:.5rem}.footer-links a{color:#ededed;font-size:.875rem;margin:0 .5rem;text-decoration:none}
/*# sourceMappingURL=main.9179b94c.css.map*/