@import"https://cdn-uicons.flaticon.com/2.6.0/uicons-regular-rounded/css/uicons-regular-rounded.css";@font-face{font-family:"Outfit";font-style:normal;font-weight:600;src:url(/assets/fonts/Outfit-SemiBold.ttf)}@font-face{font-family:"Outfit";font-style:normal;font-weight:500;src:url(/assets/fonts/Outfit-Medium.ttf)}@font-face{font-family:"Outfit";font-style:normal;font-weight:300;src:url(/assets/fonts/Outfit-Light.ttf)}*{padding:0;margin:0;scroll-behavior:smooth;box-sizing:border-box}html{overflow-x:hidden}body{overflow-x:hidden;position:relative;background-color:#a7dcf5;margin:0}.vignette{position:fixed;width:110vw;height:110vh;top:50%;left:50%;z-index:5;background:radial-gradient(ellipse at center, transparent 0%, rgba(0, 0, 0, 0.8));transform:translateX(-50%) translateY(-50%)}.overlay{position:fixed;width:110vw;height:110vh;top:50%;left:50%;z-index:5;background:rgba(0,0,0,.4);transform:translateX(-50%) translateY(-50%)}.parallax{position:fixed;object-fit:cover;top:50%;left:50%;pointer-events:none}.parallax.background{z-index:1;width:120vw;height:110vh;transform:translateX(-50%) translateY(-50%)}.parallax.trees_sec{z-index:2;width:120vw;height:120vh;transform:translateX(-50%) translateY(-50%)}.parallax.trees_first{z-index:3;width:110vw;height:110vh;transform:translateX(-50%) translateY(-50%)}.parallax.front{z-index:4;width:105vw;height:110vh;transform:translateX(-50%) translateY(-50%)}header{z-index:20;position:fixed;padding-block:3rem;width:100%;top:0;backdrop-filter:blur(0)}header nav{width:min-content}header nav .d-flex{width:min-content}header nav .d-flex a{margin-inline:12px}header .line{background:#f6f7f8;width:4px;height:28px;border-radius:4px}header .col-md-10{height:28px}header .media{height:100%;margin-left:12px}header .media a{height:24px;width:24px}header .media a:hover path{transition:all .3s ease;fill:#0a3273}.open,.close{z-index:9;position:relative;background:rgba(0,0,0,0);border:0}.open{width:30px;aspect-ratio:1}.open div{margin-bottom:4px;width:100%;height:2px;background-color:#f6f7f8;transition:all .3s ease}.open:hover div:not(div:last-of-type,div:first-of-type){transform:rotate(90deg)}.open:hover div:first-of-type{margin-bottom:-2px}.open:hover div:last-of-type{margin-top:-5px}.mobile-nav{height:100vh;z-index:9;position:relative;display:block;background-color:#0a3273}.mobile-nav a{color:#21252b}.mobile-nav .nav{height:40vh}.mobile-nav .nav a{font-size:36px}.mobile-nav a:hover{color:#f6f7f8}.mobile-nav .media a{display:flex;background-color:#282c34;width:50px;height:50px;border-radius:8px;justify-content:center;align-items:center}.close{width:30px;aspect-ratio:1;position:relative}.close svg{width:30px;height:30px}.close svg path{fill:#21252b}section{z-index:9;position:relative;min-height:100vh;margin-top:10vh}section .container{padding-block:10vh}p{z-index:9;position:relative;color:#f6f7f8;font-family:Outfit;font-size:16px;font-weight:500}h1,h2,h3,h4,h5,h6{z-index:9;position:relative;color:#f6f7f8;font-family:Outfit}h1{z-index:9;position:relative;font-size:36px}section:first-of-type{z-index:9;position:relative}section:first-of-type .img{object-fit:cover;width:100%;aspect-ratio:1}section:first-of-type .img img{width:100%;aspect-ratio:1;border-top:3px solid #0a3273;border-bottom:3px solid #0a3273;object-fit:cover}.img{object-fit:cover;width:80%}.img img{width:100%;border-top:3px solid #0a3273;border-bottom:3px solid #0a3273;object-fit:cover}.cv{margin-top:10vh;text-align:center;padding-inline:25px;padding-block:15px;width:fit-content;border-radius:8px;font-family:Outfit;font-size:16px;font-style:normal;font-weight:700;line-height:normal;text-decoration:none}h2{margin-bottom:16px}.number-bg{border-radius:8px;background:#21252b}.skills .skill-line{display:block;height:6px;width:0%;border-radius:6px;background:#0a3273}.skills .skill-line.visible{animation:fillBar 2s ease forwards;animation-delay:1s}.skills .skill-line::after{content:"";border-radius:6px;position:absolute;width:100%;background:#f6f7f8;height:6px;display:block;z-index:-1}@keyframes fillBar{0%{width:0%}100%{width:100%}}#portfolio .card-inner{display:flex;flex-direction:column;height:100%}#portfolio .card-inner img{width:100%;height:50%;object-fit:cover}#portfolio .card-inner .bg{height:50%;background-color:#21252b}#portfolio .card-inner .bg p{font-size:12px;display:-webkit-box;max-width:100%;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}#portfolio .card-inner .more{display:block;width:fit-content;margin-inline:auto;margin-top:1rem;text-decoration:none;font-family:outfit;text-align:center;font-weight:800;text-wrap:nowrap;padding-inline:25px;padding-block:12.5px;border-radius:8px}form label{font-family:Outfit;color:#f6f7f8}form input{margin-top:5px;margin-bottom:1rem;padding:1rem;width:100%;border:0;font-family:Outfit;color:#f6f7f8;background:#21252b;border-radius:8px}form input:not(.email,.name){height:10vh}form input:active,form input:focus{outline:none;border:2px solid #0a3273}form .submit{width:100%;transition:all .3s ease;cursor:pointer;background-color:#0a3273;transition:all .3s ease;color:#fff}form .submit p{transition:all .3s ease;color:#fff}form .submit:hover{color:#0a3273;background:#fff}form .submit:hover p{color:#0a3273}.btn{cursor:pointer;background-color:#0a3273;transition:all .3s ease;color:#fff}.btn p{transition:all .3s ease;color:#fff}.btn:hover{color:#0a3273;background:#fff}.btn:hover p{color:#0a3273}footer{min-height:50vh}footer .col-md-6{margin-top:15vh}footer .media{background-color:#0a3273;z-index:999;margin-inline:5px;align-items:center;padding-inline:.8rem;padding-block:.8rem;margin-bottom:1rem;border-radius:8px;transition:all .3s ease;text-decoration:none}footer .media svg{width:24px}footer .media svg path{transition:all .3s ease;fill:#fff}footer .media p{transition:all .3s ease;color:#fff}footer .media:hover{cursor:pointer;background:#fff}footer .media:hover svg path{fill:#0a3273}footer .media:hover p{color:#0a3273}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}.underline-anim{text-decoration:none;color:#f6f7f8;font-family:Outfit;transition:all .3s ease;position:relative}.underline-anim::after{content:"";display:block;height:4px;left:50%;bottom:-4px;transform:translate(-50%);border-radius:4px;position:absolute;transition:width .3s ease 0s,left .3s ease 0s;width:0;background:none repeat scroll 0 0 rgba(0,0,0,0);background:#0a3273}.underline-anim:hover{color:#0a3273}.underline-anim:hover::after{width:60%}.lang-switch{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:bold;color:#333}.lang-switch span{text-decoration:none;color:#f6f7f8;font-family:Outfit;transition:all .3s ease}.lang-switch .switch{position:relative;display:inline-block;width:40px;height:20px}.lang-switch .switch input{opacity:0;width:0;height:0}.lang-switch .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:20px}.lang-switch .switch .slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.lang-switch .switch input:checked+.slider{background-color:#007bff}.lang-switch .switch input:checked+.slider:before{transform:translateX(20px)}.device-frames{position:relative;width:100%;display:flex;align-items:flex-end}.device-frames .mobile-frame{position:absolute;display:block;background-color:#000;width:22%;z-index:1;top:50%;transform:translateY(-50%);border:.4rem solid #000;border-radius:1rem}.device-frames .mobile-frame img{display:block;border-radius:.5rem;height:auto;width:100%}.device-frames .desktop-frame{border:.4rem solid #000;border-radius:1rem;width:90%;margin-left:auto}.device-frames .desktop-frame img{display:block;border-radius:.5rem;height:100%;width:100%}.project-detail-body{background:#f6f7f8}.project-detail-body *{color:#1a1a1a;font-family:Outfit}.project-detail-body section{min-height:0}.project-detail-body section .container{padding-block:0}