@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100;0,9..40,200;0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;0,9..40,1000;1,9..40,100;1,9..40,200;1,9..40,300;1,9..40,400;1,9..40,500;1,9..40,600;1,9..40,700;1,9..40,800;1,9..40,900;1,9..40,1000&display=swap";.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;position:fixed;top:0;width:100%;background-color:#fff6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30;overflow-x:hidden}.navbar-logo img{width:50px;height:auto}.navbar-text{font-size:large;font-weight:700}.navbar-links a{margin-left:30px;text-decoration:none;color:#000;transition:all .5s ease;padding:10px 30px;border-radius:25px}.navbar-links a:hover{background-color:#000;color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn 1s ease forwards}@media (max-width: 768px){.navbar{flex-direction:column;align-items:center;padding:1rem;justify-content:center}.navbar-text{font-size:.01rem;width:0;opacity:1}.navbar-logo img{width:40px}.navbar-links a{margin-left:10px;padding:5px 15px}}.hero-container{position:relative;height:100vh;width:100vw;overflow:hidden}.background-video{position:absolute;top:0;left:0;width:100%;height:110%;object-fit:cover;z-index:10}.hero-content-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 8px #0000001a;width:70%;max-width:1200px;z-index:20}.hero-text h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;text-align:right}.hero-text p{font-size:1.3rem;color:#555}.hero-image-container{flex-basis:70%}.hero-image{width:100%;max-width:400px;height:auto;border-radius:15px}.scroll-down-chevron img{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:50px;opacity:.5;height:auto;animation:bounce 4s infinite;cursor:pointer}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-20px)}60%{transform:translate(-50%) translateY(-10px)}}@media (max-width: 768px){.hero-container{height:auto;min-height:100vh}.background-video{height:100%;top:0}.hero-content-box{flex-direction:column;align-items:center;padding:1rem;width:90%;top:50%;left:50%}.hero-text h1{font-size:1.5rem;text-align:center;margin-bottom:1rem}.hero-text p{font-size:1rem}.hero-image-container{display:flex;align-items:center;justify-content:center;order:-1;width:100%;margin-bottom:1rem}.hero-image{max-width:300px}.scroll-down-chevron img{width:40px}}.project-parent{display:flex;align-items:center;justify-content:space-around;flex-direction:row;width:100%;z-index:8}.project-item-container{display:flex;align-items:center;justify-content:space-around;background-color:#fff;margin:2rem 0;width:70%;max-width:100%;flex-direction:row;border-radius:15px;overflow:hidden;transform:translate(-50%,-50%)}.project-text{flex-basis:80%;display:flex;flex-direction:column;align-items:center;text-align:center;margin-left:10%;margin-right:10%;line-height:1.1}.project-text h2{font-size:2.5rem;font-weight:300;color:#000}.project-text h4{letter-spacing:.5rem;font-style:italic;font-size:1.5rem;font-weight:100;color:#000;margin-bottom:1.5rem}.project-text p{font-weight:200;line-height:1.2;max-width:100%;font-size:1.1rem;color:#000;text-align:justify;text-justify:distribute-all-lines}.project-image-container{flex-basis:100%;display:flex;justify-content:center;overflow:hidden}.project-image{width:100%;max-width:800px;height:auto}.project-tech{display:flex;flex-direction:column;align-items:center;margin-left:20px;justify-content:center}.project-tech h6{color:#555;text-align:center;font-size:.8rem}.tech-logo{margin-bottom:10px}.tech-logo img{width:5rem;height:auto}.tech-logo p{text-align:center;color:#555}.details-button{padding:10px 20px;margin-top:3rem;background-color:#616161;color:#fff;border:none;border-radius:1.5rem;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .6s ease}.details-button:hover{background-color:#000;color:#fff}@media (max-width: 768px){.project-parent{flex-direction:column}.project-item-container{width:90%;flex-direction:column}.project-text{margin-left:5%;margin-right:5%}.project-image-container{margin-top:1rem}.project-image{max-width:100%}.project-tech{flex-direction:row;margin-top:1rem}.tech-logo img{width:3rem}.details-button{margin-top:1rem}}.projects-container{position:relative;background:black;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;z-index:8;height:auto;padding-top:5rem;padding-bottom:5rem}.pararallax-container{display:flex;align-items:center;mix-blend-mode:difference;justify-content:center;height:auto}.projects-header{font-size:5rem;font-weight:100;padding-top:2rem;mix-blend-mode:difference;color:#fff;z-index:5}@media (max-width: 768px){.projects-container{flex-direction:column;padding-top:2rem;padding-bottom:2rem}.projects-header{font-size:3rem;padding-top:1rem}}.bio-container{position:relative;height:auto;width:100vw;overflow:hidden;display:flex;align-items:center;justify-content:center}.background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.bio-content{max-width:1200px;height:auto;margin:auto;padding:2rem;background:rgba(255,255,255,.5);color:#333;border-radius:10px;box-shadow:0 4px 6px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:10rem;margin-bottom:10rem;z-index:1}.bio-content h1{margin-bottom:1rem;color:#222}.bio-content p{line-height:1.6;margin-bottom:2rem}.bio-content a{color:#06c}.bio-content ul{list-style:none;padding:0}.bio-content ul li{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23787878'%3e%3cpath%20d='M8%2021c-.26%200-.51-.1-.71-.29a.996.996%200%200%201%200-1.41l7.29-7.29-7.29-7.29A.996.996%200%201%201%208.7%203.31l8%208c.39.39.39%201.02%200%201.41l-8%208c-.2.2-.45.29-.71.29Z'%3e%3c/path%3e%3c/svg%3e") no-repeat left center;padding-left:30px;margin-bottom:.5rem}.bio-content h2{margin-top:2rem;color:#222}.cv-download-button{display:inline-block;margin-left:1.5rem;padding:.5rem 1rem;background-color:#fff;color:#000;text-align:center;text-decoration:none;border-radius:5px;font-weight:700;box-shadow:0 4px 6px #0000001a;transition:background-color .3s ease}.cv-download-button:hover{background-color:#000;color:#fff}.experience-list{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0}.experience-list li{flex:1 0 20%;margin-bottom:1rem;padding-left:1.5rem;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23787878'%3e%3cpath%20d='M8%2021c-.26%200-.51-.1-.71-.29a.996.996%200%200%201%200-1.41l7.29-7.29-7.29-7.29A.996.996%200%201%201%208.7%203.31l8%208c.39.39.39%201.02%200%201.41l-8%208c-.2.2-.45.29-.71.29Z'%3e%3c/path%3e%3c/svg%3e") no-repeat left center;background-size:1rem;list-style-type:none;box-sizing:border-box}@media (max-width: 768px){.bio-content{margin-top:5rem;margin-bottom:5rem;padding:1rem;max-width:90%}.bio-content h1,.bio-content h2{margin-top:1rem;font-size:1.5rem}.bio-content p,.bio-content ul li{font-size:1rem}.cv-download-button{margin-left:0;margin-top:1rem}.experience-list li{flex:1 0 40%}}@media (max-width: 480px){.experience-list li{flex:1 0 100%;line-height:1rem}.able-list li{flex:1 2 80%;line-height:.7rem;gap:1rem;padding-left:1px}}.one-percent-detail-container{display:flex;flex-direction:column;max-width:1980px;width:80%;margin:auto;text-align:center;margin-top:10rem;justify-content:center;align-items:center;padding-bottom:10rem}.top-section{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.text-content{padding:20px;background-color:#ffffff1a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);flex-basis:60%;text-align:left;max-width:1000px;padding-bottom:5rem}.key-features li{flex:5 calc(50% - 10px);list-style:none;margin-bottom:1rem;padding-left:1.5rem;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23787878'%3e%3cpath%20d='M8%2021c-.26%200-.51-.1-.71-.29a.996.996%200%200%201%200-1.41l7.29-7.29-7.29-7.29A.996.996%200%201%201%208.7%203.31l8%208c.39.39.39%201.02%200%201.41l-8%208c-.2.2-.45.29-.71.29Z'%3e%3c/path%3e%3c/svg%3e") no-repeat left center;background-size:1rem}.github-button{display:inline-block;margin-top:20px;padding:10px 20px;background-color:#000;color:#fff;text-align:center;text-decoration:none;border-radius:5px;font-weight:700;transition:background-color .3s ease}.github-button:hover{background-color:#474747}.video-content{flex-basis:40%;padding-right:20px;max-width:1200px;border-radius:15px}.text-content{padding:20px;background-color:#ffffff1a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);flex-basis:60%;text-align:left;max-width:1000px}.text-content p{margin-bottom:2rem;text-align:justify;text-justify:distribute}.key-features li{flex:5 calc(50% - 10px);list-style:none;margin-bottom:1rem;padding-left:1.5rem;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23787878'%3e%3cpath%20d='M8%2021c-.26%200-.51-.1-.71-.29a.996.996%200%200%201%200-1.41l7.29-7.29-7.29-7.29A.996.996%200%201%201%208.7%203.31l8%208c.39.39.39%201.02%200%201.41l-8%208c-.2.2-.45.29-.71.29Z'%3e%3c/path%3e%3c/svg%3e") no-repeat left center;background-size:1rem}.one-percent-detail-container{position:relative}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px #000000e6;background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}.carousel-container{width:100%;max-width:800px;height:100%}.carousel .slide{display:flex;justify-content:center;align-items:center;transition:box-shadow .3s ease-in-out;padding:30px}.carousel .slide img{width:80%;height:auto;object-fit:cover;border-radius:30px;box-shadow:0 4px 8px #0003;margin-bottom:10px}.carousel .slide img:hover{transition:box-shadow .3s ease-in-out;box-shadow:0 8px 16px #000c}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{mix-blend-mode:difference}.carousel .control-dots .dot{mix-blend-mode:difference;padding:5px}.nc-news-detail-container{display:flex;flex-direction:column;max-width:1980px;width:80%;margin:auto;text-align:center;margin-top:10rem;justify-content:center;align-items:center;padding-bottom:10rem}.top-section{width:100vw;display:flex;align-items:center;justify-content:center;margin-bottom:20px;flex-direction:column}.back-button{align-self:flex-start;background-color:transparent;border:none;cursor:pointer;margin-right:20px}.back-button img{width:30px;height:auto}.main-content{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.text-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-color:#ffffff1a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);flex-basis:100%;text-align:left;max-width:1200px}.text-content p,ul{margin-bottom:2rem;text-align:justify;text-justify:distribute;align-self:flex-start}.text-content h2,h3{text-align:left;align-self:flex-start}.key-features{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px;padding:0}.key-features li{flex:5 calc(50% - 10px);list-style:none;margin-bottom:1rem;padding-left:1.5rem;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23787878'%3e%3cpath%20d='M8%2021c-.26%200-.51-.1-.71-.29a.996.996%200%200%201%200-1.41l7.29-7.29-7.29-7.29A.996.996%200%201%201%208.7%203.31l8%208c.39.39.39%201.02%200%201.41l-8%208c-.2.2-.45.29-.71.29Z'%3e%3c/path%3e%3c/svg%3e") no-repeat left center;background-size:1rem}.one-percent-video{width:100%;height:auto;object-fit:contain}.button{display:inline-block;margin-top:20px;padding:10px 20px;background-color:#202020;color:#fff;text-align:center;text-decoration:none;border-radius:5px;font-weight:700;transition:background-color .3s ease}.button:hover{background-color:#4f4f4f}.carousel-container{margin-top:40px;width:100%}@media (max-width: 768px){.main-content{flex-direction:column}.video-content,.text-content{width:100%;padding-right:0}.top-section{flex-direction:column;align-items:flex-start}}.key-features li{flex-basis:100%}.particles-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.custom-table{border-collapse:collapse;width:100%}.custom-table th,.custom-table td{border:1px solid #444444;text-align:left;padding:8px}.custom-table th{background-color:#727272}.api-input-container{display:flex;align-items:center;justify-content:space-between;max-width:100vw;min-width:50vw;margin:0 auto;padding:10px;background-color:#f2f2f2;border-radius:25px;box-shadow:0 1px 10px #0000004d}.api-input-container input[type=text]{font-size:1rem;flex-grow:1;padding:18px;border:none;border-radius:20px;outline:none;margin-right:10px}.api-input-container button{background-color:#007bff;color:#fff;border:none;border-radius:20px;padding:8px 16px;cursor:pointer}.api-input-container button:hover{background-color:#0056b3}.api-response{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:auto}.api-response-box{width:90%;height:25%;max-height:200px;overflow-y:auto;background-color:#f2f2f2;border:1px solid #dddddd;border-radius:5px;padding:10px;margin-top:10px;margin-bottom:20px}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:DM Sans,sans-serif;line-height:1.6;background-color:#fff}a{color:inherit;text-decoration:none}
