@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;600&display=swap");*{margin:0;padding:0;border:0;outline:0;box-sizing:border-box;list-style:none;text-decoration:none}:root{--color-bg:#0e0e11;--color-bg-variant:#062444;--color-primary:#4dc1ff;--color-primary-variant:rgba(48,140,205,0.4);--color-white:#fff;--color-light:rgba(255,255,255,0.6);--container-width-lg:75%;--container-width-md:86%;--container-width-sm:90%;--transition:all 400ms ease}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}body{font-family:Poppins,sans-serif;background:var(--color-bg);color:var(--color-white);line-height:1.7;background-image:url(/bg-texture.png)}.container{width:var(--container-width-lg);margin:0 auto}h1,h2,h3,h4,h5{font-weight:500}h1{font-size:2.5rem}section{margin-top:8rem}section>h2,section>h5{text-align:center;color:var(--color-light)}section>h2{color:var(--color-primary);margin-bottom:3rem}.text-light{color:var(--color-light)}a{color:var(--color-primary);transition:var(--transition)}a:hover{color:var(--color-white)}.btn{width:max-content;display:inline-block;color:var(--color-primary);padding:.75rem 1.2rem;border-radius:.4rem;cursor:pointer;border:1px solid var(--color-primary);transition:var(--transition)}.btn:hover{background:var(--color-white);color:var(--color-bg);border-color:var(--color-bg)}.btn-primary{background:var(--color-primary);color:var(--color-bg)}img{display:block;width:100%;object-fit:cover}@media screen and (max-width:1024px){.container{width:var(--container-width-md)}section{margin-top:6rem}}@media screen and (max-width:600px){.container{width:var(--container-width-sm)}section>h2{margin-bottom:2rem}}.about_container{display:grid;grid-template-columns:35% 50%;gap:15%}.about_me{width:100%;aspect-ratio:1/1;border-radius:2rem;background:linear-gradient(45deg,transparent,var(--color-primary),transparent);display:grid;place-items:center}.about_me-image{border-radius:2rem;overflow:hidden;transform:rotate(10deg);transition:var(--transition)}.about_me-image:hover{transform:rotate(0)}.about_cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.about_card{background:var(--color-bg-variant);border:1px solid transparent;border-radius:1rem;padding:2rem;text-align:center}.about_card:hover{background:transparent;border-color:var(--color-primary-variant);cursor:default}.about_icon{color:var(--color-primary);font-size:1.4rem;margin-bottom:1rem}.about_card h5{font-size:.9rem}.about_card small{font-size:.7rem;color:var(--color-light)}.about_content p{margin:2rem 0 2.6rem;color:var(--color-white)}@media screen and (max-width:1024px){.about_container{grid-template-columns:1fr;gap:0}.about_me{width:50%;margin:2rem auto 4rem}.about_content p{margin:1rem 0 1.5rem}}@media screen and (max-width:600px){.about_me{width:50%;margin:2rem auto 4rem}.about_cards{grid-template-columns:1fr;gap:1rem;padding:15%}.about_content{text-align:center}.about_content p{margin:1.5rem 0}}.achievement__container{display:flex;justify-content:center;align-items:center;padding:2rem 0;max-width:1200px;margin:0 auto;width:100%;position:relative;overflow:hidden}.portfolio__item{padding:1rem;border-radius:1rem;width:90%;margin:0 auto;text-align:center;max-width:400px}.portfolio__item-image{height:200px;display:flex;justify-content:center;align-items:center}.portfolio__item-image img{width:100%;height:100%;object-fit:cover}.portfolio__item h3{margin:1.2rem 0 1rem;font-weight:700;color:lightblue}.portfolio__cta{justify-content:center}.carousel.carousel-slider{margin:0 auto}.carousel.carousel-slider .slider-wrapper{display:flex;align-items:center;justify-content:center;margin:0 auto!important;transform:translateX(0)!important}@media screen and (max-width:1024px){.achievement__container{grid-template-columns:1fr 1fr;gap:1.2rem}.carousel .slide{padding:0 5px}.carousel.carousel-slider{padding:0 20px}.portfolio__item{width:95%;max-width:350px;width:calc(100% - 20px)}}@media screen and (max-width:768px){.achievement__container{padding:.5rem;width:100%}.portfolio__item{width:95%;margin:0 auto;padding:.75rem;max-width:300px;width:calc(100% - 10px)}.portfolio__item-image{height:180px}.carousel .slide{padding:0}}@media screen and (max-width:600px){.achievement__container{grid-template-columns:1fr;gap:.5rem}.portfolio__item{width:90%;margin:0 auto;padding:.75rem;max-width:280px}.portfolio__item-image{height:160px}.portfolio__item h3{margin:.8rem 0 .6rem;font-size:1rem}.achievement__container{padding:.25rem}.carousel.carousel-slider{padding:0 10px}}.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:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(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 rgba(0,0,0,.9);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}.container.contact_container{width:70%;display:grid;grid-template-columns:40% 50%;gap:10%}.contact_options{display:flex;flex-direction:column;gap:1.2rem}.contact_option{background:var(--color-bg-variant);padding:1.2rem;border-radius:1.2rem;text-align:center;border:1px solid transparent;transition:var(--transition)}.contact_option:hover{background:transparent;border-color:var(--color-primary-variant)}.contact_option-icon{font-size:1.5rem;margin-bottom:.5rem}.contact_option a{margin-top:.7rem;display:inline-block;font-size:.8rem}form{display:flex;flex-direction:column;gap:1.2rem}input,textarea{width:100%;padding:1.5rem;border-radius:.5rem;background:transparent;border:2px solid var(--color-primary-variant);resize:none;color:var(--color-white)}@media screen and (max-width:1024px){.container.contact_container{grid-template-columns:1fr;gap:2rem}}@media screen and (max-width:600px){.container.contact_container{width:var(--container-width-sm)}.contact_option h5#email{font-size:.875rem;word-wrap:break-word;width:100%}}.experience_container{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.experience_container>div{background:var(--color-bg-variant);padding:2.4rem 5rem;border-radius:2rem;border:1px solid transparent;transition:var(--transition)}.experience_container>div:hover{background:transparent;border-color:var(--color-primary-variant);cursor:default}.experience_container>div h3{text-align:center;margin-bottom:2rem;color:var(--color-primary)}.experience_content{display:grid;grid-template-columns:1fr 1fr;row-gap:2rem}.experience_details{display:flex;gap:1rem}.experience_details-icon{width:50px;height:50px;object-fit:contain;border-radius:8px}@media screen and (max-width:1024px){.experience_container{grid-template-columns:1fr}.experience_container>div{width:80%;padding:2rem;margin:0 auto}.experience_content{padding:1rem}}@media screen and (max-width:600px){.experience_container{gap:1rem}.experience_container>div{width:100%;padding:2rem 1rem;margin:0 auto}.experience_content{padding:1rem}}footer{background:var(--color-primary);padding:2rem;text-align:center;font-size:.9rem;margin-top:5rem;border-radius:15rem .5rem}footer a{color:var(--color-bg)}.footer_logo{font-size:2rem;font-weight:500;margin-bottom:2rem;display:inline-block}.permalinks{flex-wrap:wrap;gap:2rem;margin:0 auto 3rem}.footer_socials,.permalinks{display:flex;justify-content:center}.footer_socials{gap:1rem;margin-bottom:2rem}.footer_socials a{display:flex;border:1px solid transparent;border-radius:.7rem;padding:.8rem;color:var(--color-white);background:var(--color-bg)}.footer_socials a:hover{background:transparent;color:var(--color-bg);border-color:var(--color-bg)}.footer_copyright{margin-bottom:4.5rem;color:var(--color-bg)}@media screen and (max-width:600px){.permalinks{flex-direction:column;gap:1.5rem}.footer_socials{margin-bottom:2.6rem}}header{height:100vh;padding-top:6rem}.header_container{text-align:center;height:100%;position:relative}.cta{margin-top:2.5rem;display:flex;gap:1.2rem;justify-content:center}.header_socials{display:flex;flex-direction:column;align-items:center;gap:.8rem;position:absolute;left:0;bottom:3rem}.me{background:linear-gradient(var(--color-primary),transparent);width:22rem;height:30rem;position:absolute;left:calc(50% - 11rem);margin-top:3rem;border-radius:10rem 10rem 0 0;overflow:hidden;padding:4rem .5rem 0}.me img{width:100%;height:auto;object-fit:contain;display:block}.scroll_down{position:absolute;right:-2.3rem;bottom:5rem;transform:rotate(90deg);font-weight:200;font-size:.9rem}@media screen and (max-width:1024px){header{height:100vh}}@media screen and (max-width:600px){header{height:100vh}.header_socials,.scroll_down{display:none}}.portfolio__container{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.portfolio__item{background:var(--color-bg-variant);padding:1.3rem;border-radius:2rem;border:1px solid transparent;transition:var(--transition)}.portfolio__item:hover{background:var(--color-primary-varient);background:transparent}.portfolio__item-image{border-radius:1.5rem;overflow:hidden}.portfolio__item h3{background:transparent;margin:1.2 0 2rem}.portfolio__cta{display:flex;gap:1rem;margin-bottom:1rem}@media screen and (max-width:1024px){.portfolio__container{grid-template-columns:1fr 1fr;gap:1.2rem}}@media screen and (max-width:600px){.portfolio__container{grid-template-columns:1fr;gap:1rem}}.services_container{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.services{background:var(--color-bg-variant);border:1px solid var(--color-primary);border-radius:0 0 2rem 2rem;height:fit-content;transition:var(--transition)}.services:hover{background:transparent;border-color:var(--color-primary-variant);cursor:default}.service_head{background:var(--color-primary);padding:2rem;border-radius:0 0 2rem 2rem;box-shadow:0 2rem 1rem rgba(0,0,0,.1)}.service_head h3{color:var(--color-bg);font-size:1rem;text-align:center}.service_list{padding:2rem}.service_list li{display:flex;gap:1rem;margin-bottom:.8rem}.service_list-icon{color:var(--color-primary);margin-top:2px}.service_list p{font-size:.9rem}@media screen and (max-width:1024px){.services_container{grid-template-columns:1fr 1fr;gap:2rem}.service{height:auto}}@media screen and (max-width:600px){.services_container{grid-template-columns:1fr;gap:1.5rem}}