@import url(https://fonts.googleapis.com/css?family=Raleway:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#f86f03;--secondary-color:#ffa41b;--bg-primary:#fff;--text-color:#222;--text-color-two:#fff;--bg-secondary:#000;--card-background:#f4f4f4;--bg-secondary-two:#111;--container-color:#eee;--shadow:0 10px 40px rgba(0,0,0,.2);--weight-small:400;--weight-semibold:600;--weight-bold:800;--width-small:600px;--width-medium:1100px;--width-large:1300px}[data-theme=dark]{--primary-color:#f86f03;--secondary-color:#ffa41b;--bg-primary:#000;--text-color:#fff;--text-color-two:#222;--bg-secondary:#fff;--card-background:#111;--bg-secondary-two:#f4f4f4;--shadow:0 2px 10px rgba(95,95,95,.2);--container-color:#393e46}html{font-size:100%;scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}ul{list-style:none}a{text-decoration:none}a,body{color:#222;color:var(--text-color)}body{background:#fff;background:var(--bg-primary);font-family:Raleway,sans-serif;line-height:1.5}.content-text{margin:1.5rem 0}.content-text h2{font-size:3rem;line-height:1.2;transition:.2s ease-in-out}.content-text p{margin:0 auto;max-width:700px;padding:.5rem}.container{margin:0 auto;max-width:1100px;max-width:var(--width-medium);padding:1rem 2rem}h1::selection,h2::selection{background:#f86f03;background:var(--primary-color);color:#111}.btn{border-radius:30px;display:inline-block;font-size:.82rem;padding:.75rem 1.9rem;text-transform:uppercase;transition:.3s}.btn-primary{background:#f86f03;background:var(--primary-color);color:#000}.btn-secondary{background-color:#000;background-color:var(--bg-secondary);color:#fff;color:var(--bg-primary);margin:5px 0}.btn-primary:hover{background:#ffa41b;background:var(--secondary-color)}#hero{height:100vh;overflow:hidden;padding-top:80px;position:relative}#hero,.header-container{display:flex;flex-direction:column}.header-container{align-items:center;height:calc(100vh - 80px);justify-content:center;margin:0 auto;max-width:1200px;padding:2rem}.profile-image-container{margin-bottom:2.5rem;position:relative}.profile-image{border:4px solid var(--primary-color);border-radius:50%;-webkit-filter:contrast(1.05);filter:contrast(1.05);height:160px;object-fit:cover;position:relative;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;width:160px;z-index:2}.profile-image:hover{box-shadow:0 0 25px rgba(248,111,3,.4);box-shadow:0 0 25px rgba(var(--primary-color-rgb,248,111,3),.4);-webkit-transform:scale(1.05);transform:scale(1.05)}.profile-backdrop{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;-webkit-filter:blur(15px);filter:blur(15px);height:160px;left:0;opacity:.2;position:absolute;top:10px;width:160px;z-index:1}.greeting-container{align-items:center;display:flex;justify-content:center;margin-bottom:1rem}.greeting-container h1{font-size:2.5rem;font-weight:700;margin-right:.5rem}.greeting-container .name{color:var(--primary-color);position:relative}.greeting-container .name:after{background-color:var(--primary-color);bottom:5px;content:"";height:6px;left:0;opacity:.3;position:absolute;width:100%;z-index:-1}.waving-hand{-webkit-animation:wave 2.5s infinite;animation:wave 2.5s infinite;display:inline-block;font-size:2.2rem;-webkit-transform-origin:70% 70%;transform-origin:70% 70%}.role-container{align-items:center;display:flex;font-size:1.5rem;justify-content:center;margin-bottom:2rem}.role-container .role-prefix{margin-right:.5rem}.role-container .role-text{color:var(--primary-color);font-weight:600}.role-container .cursor{-webkit-animation:blink .7s infinite;animation:blink .7s infinite;background-color:var(--primary-color);height:1.5rem;margin-left:2px;width:3px}@-webkit-keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.content-text{margin:1rem 0 2rem;max-width:700px;text-align:center}.content-text h2{font-size:1.8rem;font-weight:600;line-height:1.3;margin-bottom:1rem}.content-text h2 span{color:var(--primary-color);position:relative}.content-text h2 span:after{background-color:var(--primary-color);bottom:2px;content:"";height:4px;left:0;opacity:.2;position:absolute;width:100%;z-index:-1}.content-text .bio{color:var(--text-color);font-size:1.1rem;line-height:1.6;opacity:.9}.cta-container{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem;width:100%}.cta-container .btn{border-radius:50px;font-weight:600;letter-spacing:.5px;padding:.8rem 2rem;transition:all .3s ease}.cta-container .btn:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px)}.cta-container .btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 4px 15px rgba(248,111,3,.3);box-shadow:0 4px 15px rgba(var(--primary-color-rgb,248,111,3),.3)}.cta-container .btn-primary:hover{box-shadow:0 7px 20px rgba(248,111,3,.4);box-shadow:0 7px 20px rgba(var(--primary-color-rgb,248,111,3),.4)}.cta-container .connect-btn{background-color:transparent;border:2px solid var(--primary-color);color:var(--text-color)}.cta-container .connect-btn:hover{background-color:var(--primary-color);color:#fff}.scroll-indicator{align-items:center;bottom:2rem;display:flex;flex-direction:column;left:50%;opacity:.7;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.scroll-indicator .mouse{border:2px solid var(--text-color);border-radius:20px;height:40px;position:relative;width:26px}.scroll-indicator .mouse .wheel{-webkit-animation:scroll 1.5s infinite;animation:scroll 1.5s infinite;background-color:var(--primary-color);border-radius:4px;height:8px;left:50%;position:absolute;top:7px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:4px}.scroll-indicator .arrow{align-items:center;display:flex;flex-direction:column;margin-top:5px}.scroll-indicator .arrow span{-webkit-animation:arrow 1.5s infinite;animation:arrow 1.5s infinite;border-bottom:2px solid var(--primary-color);border-right:2px solid var(--primary-color);display:block;height:10px;margin:-5px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:10px}.scroll-indicator .arrow span:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.scroll-indicator .arrow span:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes scroll{0%{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}to{opacity:0;-webkit-transform:translateX(-50%) translateY(15px);transform:translateX(-50%) translateY(15px)}}@keyframes scroll{0%{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}to{opacity:0;-webkit-transform:translateX(-50%) translateY(15px);transform:translateX(-50%) translateY(15px)}}@-webkit-keyframes arrow{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes arrow{0%{opacity:0}50%{opacity:1}to{opacity:0}}@media(max-width:768px){.header-container{padding:1rem;text-align:center}.greeting-container h1{font-size:2rem}.role-container{flex-wrap:wrap;font-size:1.2rem;justify-content:center}.content-text h2{font-size:1.5rem}.cta-container{flex-direction:column;gap:.8rem}.profile-backdrop,.profile-image{height:140px;width:140px}}@media(max-width:480px){.greeting-container h1,.waving-hand{font-size:1.8rem}.content-text .bio{font-size:1rem}}.navbar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-primary);box-shadow:0 2px 10px rgba(0,0,0,.1);left:0;position:fixed;right:0;top:0;transition:background .3s ease,box-shadow .3s ease;z-index:100}.navbar .container{align-items:center;display:flex;height:80px;justify-content:space-between;padding:0 2rem;width:100%}.navbar .nav-menu{align-items:center;background:transparent;display:flex}.navbar .nav-link{font-size:.85rem;font-weight:var(--weight-semibold);margin:0 1rem;position:relative;transition:.3s ease}.navbar .nav-link:after{background-color:var(--primary-color);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.navbar .nav-link:hover:after{width:100%}.nav-link:hover{color:var(--primary-color)}.navbar #logo img{display:block;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:200px}.navbar #logo img:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.navbar .btn{border-radius:50px;font-size:.8rem;letter-spacing:.5px;margin-right:1.5rem;padding:.6rem 1.2rem;transition:all .3s ease}.navbar .btn:hover{box-shadow:0 4px 12px rgba(248,111,3,.25);box-shadow:0 4px 12px rgba(var(--primary-color-rgb,248,111,3),.25);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.fas.fa-arrow-right{font-size:.9rem;margin-left:.5rem;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.navbar .btn:hover .fas.fa-arrow-right{-webkit-transform:translateX(3px);transform:translateX(3px)}.hamburger{cursor:pointer;display:none;margin-bottom:.1rem;z-index:101}.bar{background-color:var(--text-color);border-radius:30px;display:block;height:3px;margin:5px auto;transition:all .3s ease-in-out;width:25px}.sidebar-overlay{background-color:rgba(0,0,0,.5);display:none;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:98}.sidebar-overlay.active{opacity:1}.sidebar-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:none;justify-content:space-between;padding:20px}.sidebar-header h2{color:var(--text-color);font-size:1.2rem;margin:0}.close-sidebar{background:transparent;border:none;cursor:pointer;height:30px;padding:0;position:relative;width:30px}.close-sidebar span{background-color:var(--text-color);border-radius:30px;display:block;height:3px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);width:25px}.close-sidebar span:last-child{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}@media screen and (max-width:800px){.hamburger{display:block}.hamburger.active .bar:first-child{-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}.sidebar-overlay{display:block}.sidebar-header{display:flex}.nav-menu.sidebar{align-items:flex-start;background:var(--bg-primary);box-shadow:-2px 0 10px rgba(0,0,0,.1);flex-direction:column;gap:0;height:100vh;padding-top:0;position:fixed;right:-280px;text-align:left;top:0;transition:right .3s ease;width:280px;z-index:99}.nav-menu.sidebar li{padding:0 20px;width:100%}.nav-menu.sidebar .nav-link{border-bottom:1px solid hsla(0,0%,100%,.05);display:block;font-size:1rem;margin:16px 0;padding:10px 0;width:100%}.nav-menu.sidebar.active{right:0}.navbar .btn{margin:20px;text-align:center;width:calc(100% - 40px)}.nav-menu.sidebar>div:last-child{align-self:center;margin:20px}}.dark_mode{margin-left:10px;margin-top:-20px}.dark_mode_label{background:#ebebeb;border-radius:200px;box-shadow:inset 0 5px 15px rgba(0,0,0,.4),inset 0 -5px 15px hsla(0,0%,100%,.4);cursor:pointer;display:block;height:30px;position:relative;transition:.3s;width:65px}.dark_mode_label:after{background:linear-gradient(180deg,#ffcc89,#d8860b);border-radius:180px;box-shadow:0 5px 10px rgba(0,0,0,.2);content:"";height:25px;left:3px;position:absolute;top:3px;transition:.3s;width:25px}.dark_mode_input{height:0;visibility:hidden;width:0}.dark_mode_input:checked+.dark_mode_label{background:#242424}.dark_mode_input:checked+.dark_mode_label:after{background:linear-gradient(180deg,#777,#3a3a3a);left:62px;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.dark_mode_label:active:after{width:30px}.dark_mode_label svg{position:absolute;top:5px;width:20px;z-index:100}.dark_mode_label svg.sun{fill:#fff;left:5px;transition:.3s}.dark_mode_label svg.moon{fill:#7e7e7e;left:40px;transition:.3s}.dark_mode_input:checked+.dark_mode_label svg.sun{fill:#7e7e7e}.dark_mode_input:checked+.dark_mode_label svg.moon{fill:#fff}#ContactCard{align-items:center;background-color:var(--bg-primary);display:flex;flex-direction:column;min-height:100vh;padding:5rem 0}.contact-card{height:500px;margin:0 auto;-webkit-perspective:1500px;perspective:1500px;width:350px}.contact-card:hover .contact-card-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.contact-card-inner{border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);height:100%;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .8s cubic-bezier(.175,.885,.32,1.275);transition:transform .8s cubic-bezier(.175,.885,.32,1.275);transition:transform .8s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .8s cubic-bezier(.175,.885,.32,1.275);width:100%}.contact-card-back,.contact-card-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:20px;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;position:absolute;width:100%}.contact-card-front{background:#f9a826;color:#fff}.contact-card-front .card-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center;width:100%}.contact-card-front .profile-img-container{border:5px solid hsla(0,0%,100%,.3);border-radius:50%;box-shadow:0 5px 15px rgba(0,0,0,.2);height:150px;margin-bottom:1.5rem;overflow:hidden;width:150px}.contact-card-front .profile-img{height:100%;object-fit:cover;width:100%}.contact-card-front h2{font-size:1.8rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.contact-card-front .role{font-size:1rem;margin-bottom:2rem;opacity:.9}.contact-card-back{align-items:center;background:var(--container-color);color:var(--text-color);display:flex;flex-direction:column;justify-content:space-between;padding:2rem;text-align:center;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.contact-card-back .wave-emoji{-webkit-animation:wave 2.5s infinite;animation:wave 2.5s infinite;font-size:3rem;margin-bottom:1rem;-webkit-transform-origin:70% 70%;transform-origin:70% 70%}.contact-card-back h2{color:var(--primary-color);font-size:1.8rem;font-weight:700;margin-bottom:1rem}.contact-card-back .bio-quote{color:var(--text-color);font-size:1rem;font-style:italic;line-height:1.6;margin-bottom:1.5rem;opacity:.9}.contact-card-back .contact-info{margin-bottom:1.5rem}.contact-card-back .contact-info .email-link{align-items:center;color:var(--text-color);display:flex;font-size:.9rem;gap:.5rem;transition:color .3s ease}.contact-card-back .contact-info .email-link:hover{color:var(--primary-color)}.flip-btn{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:hsla(0,0%,100%,.2);border:none;border-radius:50px;box-shadow:0 4px 10px rgba(0,0,0,.1);color:#fff;cursor:pointer;font-weight:600;padding:.8rem 1.5rem;transition:all .3s ease}.flip-btn:hover{background:hsla(0,0%,100%,.3);box-shadow:0 6px 15px rgba(0,0,0,.15);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.flip-btn.back-btn{background:rgba(248,111,3,.1);background:rgba(var(--primary-color-rgb,248,111,3),.1);color:var(--primary-color)}.flip-btn.back-btn:hover{background:rgba(248,111,3,.2);background:rgba(var(--primary-color-rgb,248,111,3),.2)}.social-links{display:flex;gap:1rem;margin-bottom:2rem}.social-links .social-link{align-items:center;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.1);display:flex;font-size:1.3rem;height:45px;justify-content:center;transition:all .3s ease;width:45px}.social-links .social-link.github{background:#333;color:#fff}.social-links .social-link.github:hover{background:#24292e;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.social-links .social-link.linkedin{background:#0077b5;color:#fff}.social-links .social-link.linkedin:hover{background:#0066a1;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.social-links .social-link.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.social-links .social-link.instagram:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px)}@-webkit-keyframes wave{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}20%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}30%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}40%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}60%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes wave{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}20%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}30%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}40%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}60%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@media screen and (max-width:576px){.contact-card{height:450px;width:300px}.contact-card-front .profile-img-container{height:120px;width:120px}.contact-card-front h2{font-size:1.5rem}.contact-card-front .role{font-size:.9rem}.contact-card-back h2{font-size:1.5rem}.contact-card-back .bio-quote{font-size:.9rem}.social-links .social-link{font-size:1.1rem;height:40px;width:40px}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.wrapper{background-color:transparent;border:none;height:200px;left:50%;margin:-100px;position:absolute;top:50%;-webkit-user-select:none;user-select:none;width:200px}.wrapper .box-wrap{height:70%;margin:15%;position:relative;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:70%}.wrapper .box-wrap .box{background:rgba(135,0,0,.6);background:linear-gradient(90deg,#141562,#486fbc,#eab5a1,#8dd6ff,#4973c9,#d07ca7,#f4915e,#f5919e,#b46f89,#141562,#486fbc);background-position:0 50%;background-size:1000% 1000%;height:100%;left:0;position:absolute;top:0;visibility:hidden;width:100%}.wrapper .box-wrap .box.one{-webkit-animation:moveGradient 15s infinite,oneMove 3.5s infinite;animation:moveGradient 15s infinite,oneMove 3.5s infinite}.wrapper .box-wrap .box.two{-webkit-animation:moveGradient 15s infinite,twoMove 3.5s .15s infinite;animation:moveGradient 15s infinite,twoMove 3.5s .15s infinite}.wrapper .box-wrap .box.three{-webkit-animation:moveGradient 15s infinite,threeMove 3.5s .3s infinite;animation:moveGradient 15s infinite,threeMove 3.5s .3s infinite}.wrapper .box-wrap .box.four{-webkit-animation:moveGradient 15s infinite,fourMove 3.5s .575s infinite;animation:moveGradient 15s infinite,fourMove 3.5s .575s infinite}.wrapper .box-wrap .box.five{-webkit-animation:moveGradient 15s infinite,fiveMove 3.5s .725s infinite;animation:moveGradient 15s infinite,fiveMove 3.5s .725s infinite}.wrapper .box-wrap .box.six{-webkit-animation:moveGradient 15s infinite,sixMove 3.5s .875s infinite;animation:moveGradient 15s infinite,sixMove 3.5s .875s infinite}.loading-progress{bottom:-80px;left:50%;position:absolute;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:200px}.loading-progress .progress-text{color:#000;font-size:16px;font-weight:700;margin-bottom:8px}.loading-progress .progress-bar-container{background-color:hsla(0,0%,100%,.2);border-radius:2px;height:4px;overflow:hidden;width:100%}.loading-progress .progress-bar-container .progress-bar-fill{background-color:#000;height:100%;transition:width .3s ease-out}@-webkit-keyframes moveGradient{to{background-position:100% 50%}}@keyframes moveGradient{to{background-position:100% 50%}}@-webkit-keyframes oneMove{0%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(0 35% 70% round 5%);clip-path:inset(0 35% 70% round 5%);visibility:visible}14.2857%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(0 35% 70% round 5%);clip-path:inset(0 35% 70% round 5%)}28.5714%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% round 5%);clip-path:inset(35% round 5%)}42.8571%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% 70% 35% 0 round 5%);clip-path:inset(35% 70% 35% 0 round 5%)}57.1428%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% 70% 35% 0 round 5%);clip-path:inset(35% 70% 35% 0 round 5%)}71.4285%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(0 70% 70% 0 round 5%);clip-path:inset(0 70% 70% 0 round 5%)}85.7142%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(0 70% 70% 0 round 5%);clip-path:inset(0 70% 70% 0 round 5%)}to{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(0 35% 70% round 5%);clip-path:inset(0 35% 70% round 5%)}}@keyframes oneMove{0%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(0 35% 70% round 5%);clip-path:inset(0 35% 70% round 5%);visibility:visible}14.2857%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(0 35% 70% round 5%);clip-path:inset(0 35% 70% round 5%)}28.5714%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% round 5%);clip-path:inset(35% round 5%)}42.8571%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% 70% 35% 0 round 5%);clip-path:inset(35% 70% 35% 0 round 5%)}57.1428%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% 70% 35% 0 round 5%);clip-path:inset(35% 70% 35% 0 round 5%)}71.4285%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(0 70% 70% 0 round 5%);clip-path:inset(0 70% 70% 0 round 5%)}85.7142%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(0 70% 70% 0 round 5%);clip-path:inset(0 70% 70% 0 round 5%)}to{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(0 35% 70% round 5%);clip-path:inset(0 35% 70% round 5%)}}@-webkit-keyframes twoMove{0%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(0 70% 70% 0 round 5%);clip-path:inset(0 70% 70% 0 round 5%);visibility:visible}14.2857%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(0 70% 70% 0 round 5%);clip-path:inset(0 70% 70% 0 round 5%)}28.5714%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(0 35% 70% round 5%);clip-path:inset(0 35% 70% round 5%)}42.8571%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(0 35% 70% round 5%);clip-path:inset(0 35% 70% round 5%)}57.1428%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% round 5%);clip-path:inset(35% round 5%)}71.4285%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% 70% 35% 0 round 5%);clip-path:inset(35% 70% 35% 0 round 5%)}85.7142%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% 70% 35% 0 round 5%);clip-path:inset(35% 70% 35% 0 round 5%)}to{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(0 70% 70% 0 round 5%);clip-path:inset(0 70% 70% 0 round 5%)}}@keyframes twoMove{0%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(0 70% 70% 0 round 5%);clip-path:inset(0 70% 70% 0 round 5%);visibility:visible}14.2857%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(0 70% 70% 0 round 5%);clip-path:inset(0 70% 70% 0 round 5%)}28.5714%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(0 35% 70% round 5%);clip-path:inset(0 35% 70% round 5%)}42.8571%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(0 35% 70% round 5%);clip-path:inset(0 35% 70% round 5%)}57.1428%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% round 5%);clip-path:inset(35% round 5%)}71.4285%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% 70% 35% 0 round 5%);clip-path:inset(35% 70% 35% 0 round 5%)}85.7142%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% 70% 35% 0 round 5%);clip-path:inset(35% 70% 35% 0 round 5%)}to{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(0 70% 70% 0 round 5%);clip-path:inset(0 70% 70% 0 round 5%)}}@-webkit-keyframes threeMove{0%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% 70% 35% 0 round 5%);clip-path:inset(35% 70% 35% 0 round 5%);visibility:visible}14.2857%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% 70% 35% 0 round 5%);clip-path:inset(35% 70% 35% 0 round 5%)}28.5714%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(0 70% 70% 0 round 5%);clip-path:inset(0 70% 70% 0 round 5%)}42.8571%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(0 70% 70% 0 round 5%);clip-path:inset(0 70% 70% 0 round 5%)}57.1428%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(0 35% 70% round 5%);clip-path:inset(0 35% 70% round 5%)}71.4285%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(0 35% 70% round 5%);clip-path:inset(0 35% 70% round 5%)}85.7142%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% round 5%);clip-path:inset(35% round 5%)}to{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% 70% 35% 0 round 5%);clip-path:inset(35% 70% 35% 0 round 5%)}}@keyframes threeMove{0%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% 70% 35% 0 round 5%);clip-path:inset(35% 70% 35% 0 round 5%);visibility:visible}14.2857%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% 70% 35% 0 round 5%);clip-path:inset(35% 70% 35% 0 round 5%)}28.5714%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(0 70% 70% 0 round 5%);clip-path:inset(0 70% 70% 0 round 5%)}42.8571%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(0 70% 70% 0 round 5%);clip-path:inset(0 70% 70% 0 round 5%)}57.1428%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(0 35% 70% round 5%);clip-path:inset(0 35% 70% round 5%)}71.4285%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(0 35% 70% round 5%);clip-path:inset(0 35% 70% round 5%)}85.7142%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% round 5%);clip-path:inset(35% round 5%)}to{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% 70% 35% 0 round 5%);clip-path:inset(35% 70% 35% 0 round 5%)}}@-webkit-keyframes fourMove{0%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% 0 35% 70% round 5%);clip-path:inset(35% 0 35% 70% round 5%);visibility:visible}14.2857%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% 0 35% 70% round 5%);clip-path:inset(35% 0 35% 70% round 5%)}28.5714%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% round 5%);clip-path:inset(35% round 5%)}42.8571%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(70% 35% 0 35% round 5%);clip-path:inset(70% 35% 0 35% round 5%)}57.1428%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(70% 35% 0 35% round 5%);clip-path:inset(70% 35% 0 35% round 5%)}71.4285%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(70% 0 0 70% round 5%);clip-path:inset(70% 0 0 70% round 5%)}85.7142%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(70% 0 0 70% round 5%);clip-path:inset(70% 0 0 70% round 5%)}to{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% 0 35% 70% round 5%);clip-path:inset(35% 0 35% 70% round 5%)}}@keyframes fourMove{0%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% 0 35% 70% round 5%);clip-path:inset(35% 0 35% 70% round 5%);visibility:visible}14.2857%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% 0 35% 70% round 5%);clip-path:inset(35% 0 35% 70% round 5%)}28.5714%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% round 5%);clip-path:inset(35% round 5%)}42.8571%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(70% 35% 0 35% round 5%);clip-path:inset(70% 35% 0 35% round 5%)}57.1428%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(70% 35% 0 35% round 5%);clip-path:inset(70% 35% 0 35% round 5%)}71.4285%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(70% 0 0 70% round 5%);clip-path:inset(70% 0 0 70% round 5%)}85.7142%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(70% 0 0 70% round 5%);clip-path:inset(70% 0 0 70% round 5%)}to{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% 0 35% 70% round 5%);clip-path:inset(35% 0 35% 70% round 5%)}}@-webkit-keyframes fiveMove{0%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(70% 0 0 70% round 5%);clip-path:inset(70% 0 0 70% round 5%);visibility:visible}14.2857%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(70% 0 0 70% round 5%);clip-path:inset(70% 0 0 70% round 5%)}28.5714%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% 0 35% 70% round 5%);clip-path:inset(35% 0 35% 70% round 5%)}42.8571%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% 0 35% 70% round 5%);clip-path:inset(35% 0 35% 70% round 5%)}57.1428%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% round 5%);clip-path:inset(35% round 5%)}71.4285%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(70% 35% 0 35% round 5%);clip-path:inset(70% 35% 0 35% round 5%)}85.7142%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(70% 35% 0 35% round 5%);clip-path:inset(70% 35% 0 35% round 5%)}to{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(70% 0 0 70% round 5%);clip-path:inset(70% 0 0 70% round 5%)}}@keyframes fiveMove{0%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(70% 0 0 70% round 5%);clip-path:inset(70% 0 0 70% round 5%);visibility:visible}14.2857%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(70% 0 0 70% round 5%);clip-path:inset(70% 0 0 70% round 5%)}28.5714%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% 0 35% 70% round 5%);clip-path:inset(35% 0 35% 70% round 5%)}42.8571%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% 0 35% 70% round 5%);clip-path:inset(35% 0 35% 70% round 5%)}57.1428%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% round 5%);clip-path:inset(35% round 5%)}71.4285%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(70% 35% 0 35% round 5%);clip-path:inset(70% 35% 0 35% round 5%)}85.7142%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(70% 35% 0 35% round 5%);clip-path:inset(70% 35% 0 35% round 5%)}to{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(70% 0 0 70% round 5%);clip-path:inset(70% 0 0 70% round 5%)}}@-webkit-keyframes sixMove{0%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(70% 35% 0 35% round 5%);clip-path:inset(70% 35% 0 35% round 5%);visibility:visible}14.2857%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(70% 35% 0 35% round 5%);clip-path:inset(70% 35% 0 35% round 5%)}28.5714%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(70% 0 0 70% round 5%);clip-path:inset(70% 0 0 70% round 5%)}42.8571%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(70% 0 0 70% round 5%);clip-path:inset(70% 0 0 70% round 5%)}57.1428%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% 0 35% 70% round 5%);clip-path:inset(35% 0 35% 70% round 5%)}71.4285%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% 0 35% 70% round 5%);clip-path:inset(35% 0 35% 70% round 5%)}85.7142%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% round 5%);clip-path:inset(35% round 5%)}to{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(70% 35% 0 35% round 5%);clip-path:inset(70% 35% 0 35% round 5%)}}@keyframes sixMove{0%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(70% 35% 0 35% round 5%);clip-path:inset(70% 35% 0 35% round 5%);visibility:visible}14.2857%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(70% 35% 0 35% round 5%);clip-path:inset(70% 35% 0 35% round 5%)}28.5714%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(70% 0 0 70% round 5%);clip-path:inset(70% 0 0 70% round 5%)}42.8571%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(70% 0 0 70% round 5%);clip-path:inset(70% 0 0 70% round 5%)}57.1428%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% 0 35% 70% round 5%);clip-path:inset(35% 0 35% 70% round 5%)}71.4285%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% 0 35% 70% round 5%);clip-path:inset(35% 0 35% 70% round 5%)}85.7142%{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(35% round 5%);clip-path:inset(35% round 5%)}to{-webkit-animation-timing-function:cubic-bezier(.86,0,.07,1);animation-timing-function:cubic-bezier(.86,0,.07,1);-webkit-clip-path:inset(70% 35% 0 35% round 5%);clip-path:inset(70% 35% 0 35% round 5%)}}.timeline-section{background-color:var(--bg-primary);overflow:hidden;padding:5rem 0;position:relative}.timeline-section:after{background:linear-gradient(to top,var(--bg-primary),transparent);bottom:0;content:"";height:200px;left:0;position:absolute;right:0;z-index:1}.section-title{margin-bottom:4rem;position:relative;z-index:2}.timeline{margin:0 auto;max-width:1200px;padding:2rem 0;position:relative}.timeline:after{background:linear-gradient(to bottom,transparent,var(--primary-color),var(--secondary-color),var(--primary-color),transparent);box-shadow:0 0 15px rgba(248,111,3,.3);box-shadow:0 0 15px rgba(var(--primary-color-rgb,248,111,3),.3);content:"";height:100%;opacity:.3;z-index:0}.timeline .timeline-progress,.timeline:after{border-radius:6px;left:50%;margin-left:-3px;position:absolute;top:0;width:6px}.timeline .timeline-progress{background:linear-gradient(to bottom,var(--primary-color),var(--secondary-color));box-shadow:0 0 20px rgba(248,111,3,.5);box-shadow:0 0 20px rgba(var(--primary-color-rgb,248,111,3),.5);height:0;transition:height 2s ease-out;z-index:2}.timeline .Tcontainer{margin-bottom:2rem;opacity:0;padding:15px 50px;position:relative;-webkit-transform:translateY(50px);transform:translateY(50px);transition:all .8s ease;width:50%}.timeline .Tcontainer.animate{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.timeline .Tcontainer .timeline-icon{align-items:center;border-radius:50%;display:flex;height:60px;justify-content:center;position:absolute;width:60px;z-index:10}.timeline .Tcontainer .timeline-icon img{border:3px solid var(--primary-color);border-radius:50%;box-shadow:0 5px 15px rgba(0,0,0,.2);height:50px;object-fit:cover;position:relative;transition:all .3s ease;width:50px;z-index:2}.timeline .Tcontainer .timeline-icon .icon-backdrop{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;-webkit-filter:blur(8px);filter:blur(8px);height:100%;opacity:.2;position:absolute;transition:all .3s ease;width:100%;z-index:1}.timeline .Tcontainer .timeline-icon:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.timeline .Tcontainer .timeline-icon:hover .icon-backdrop{-webkit-filter:blur(12px);filter:blur(12px);opacity:.4}.timeline .Tcontainer .text-box{background:var(--container-color);border-radius:12px;border-top:4px solid var(--primary-color);box-shadow:0 5px 25px rgba(0,0,0,.1);padding:30px;position:relative;transition:all .3s ease}.timeline .Tcontainer .text-box:hover{box-shadow:0 15px 35px rgba(0,0,0,.15);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.timeline .Tcontainer .text-box h2{color:var(--primary-color);font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.timeline .Tcontainer .text-box small{background-color:rgba(248,111,3,.1);background-color:rgba(var(--primary-color-rgb,248,111,3),.1);border-radius:20px;color:var(--secondary-color);display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:15px;padding:4px 10px}.timeline .Tcontainer .text-box p{color:var(--text-color);font-weight:400;line-height:1.6;margin-bottom:.5rem}.timeline .Tcontainer .text-box p:last-child{margin-bottom:0}.left-container{left:0}.left-container .timeline-icon{right:-30px}.left-container .left-container-arrow{border-bottom:15px solid transparent;border-left:15px solid var(--container-color);border-top:15px solid transparent;-webkit-filter:drop-shadow(3px 0 3px rgba(0,0,0,.05));filter:drop-shadow(3px 0 3px rgba(0,0,0,.05));height:0;position:absolute;right:-15px;top:30px;width:0;z-index:1}.right-container{left:50%}.right-container .timeline-icon{left:-30px}.right-container .right-container-arrow{border-bottom:15px solid transparent;border-right:15px solid var(--container-color);border-top:15px solid transparent;-webkit-filter:drop-shadow(-3px 0 3px rgba(0,0,0,.05));filter:drop-shadow(-3px 0 3px rgba(0,0,0,.05));height:0;left:-15px;position:absolute;top:30px;width:0;z-index:1}.timeline-section:before{background-image:radial-gradient(circle at 25% 25%,rgba(248,111,3,.1) 2px,transparent 0),radial-gradient(circle at 75% 75%,rgba(255,164,27,.1) 2px,transparent 0);background-image:radial-gradient(circle at 25% 25%,rgba(var(--primary-color-rgb,248,111,3),.1) 2px,transparent 0),radial-gradient(circle at 75% 75%,rgba(var(--secondary-color-rgb,255,164,27),.1) 2px,transparent 0);background-size:50px 50px;content:"";height:100%;left:0;opacity:.5;pointer-events:none;position:absolute;top:0;width:100%}@-webkit-keyframes progressLine{0%{height:0}to{height:100%}}@keyframes progressLine{0%{height:0}to{height:100%}}@media screen and (max-width:992px){.timeline:after{left:31px}.timeline .Tcontainer{padding-left:80px;padding-right:25px;width:100%}.right-container{left:0}.left-container .timeline-icon,.right-container .timeline-icon{left:0;right:auto}.left-container .left-container-arrow,.right-container .right-container-arrow{border-left:0;border-right:15px solid var(--container-color);left:-15px;right:auto}.section-title h2{font-size:2rem}}@media screen and (max-width:576px){.timeline-section{padding:3rem 0}.section-title{margin-bottom:2rem}.section-title h2{font-size:1.8rem}.section-title p{font-size:1rem}.timeline .Tcontainer{margin-bottom:1.5rem;padding-left:70px;padding-right:15px}.timeline .Tcontainer .text-box{padding:20px}.timeline .Tcontainer .text-box h2{font-size:1.1rem}.timeline .Tcontainer .text-box small{font-size:.8rem}.timeline .Tcontainer .text-box p{font-size:.9rem}.timeline .Tcontainer .timeline-icon{height:50px;width:50px}.timeline .Tcontainer .timeline-icon img{height:40px;width:40px}}:root{--primary-color-rgb:248,111,3;--secondary-color-rgb:255,164,27}.skills-section{background-color:var(--bg-primary);overflow:hidden;padding:5rem 0;position:relative}.section-title h2{display:inline-block;position:relative}.skills-container{margin:0 auto;max-width:1200px;padding:0 2rem}.skill-category{margin-bottom:3rem}.skill-category h3{color:var(--text-color);display:inline-block;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.skill-category h3:after{background:linear-gradient(to right,var(--primary-color),transparent);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.skills-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.skill-card{background:var(--container-color);border:2px solid transparent;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.05);opacity:0;overflow:hidden;padding:1.5rem;position:relative;-webkit-transform:translateY(20px);transform:translateY(20px);transition:all .3s ease}.skill-card.animate{-webkit-animation:fadeInUp .5s forwards;animation:fadeInUp .5s forwards}.skill-card:before{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));content:"";height:4px;left:0;opacity:.7;position:absolute;top:0;width:100%}.skill-card:hover{box-shadow:0 10px 25px rgba(0,0,0,.1);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.skill-card h4{color:var(--text-color);font-size:1.2rem;font-weight:600;margin:.8rem 0}.skill-icon{font-size:2rem;margin-bottom:.5rem}.skill-icon i{-webkit-filter:drop-shadow(0 2px 5px rgba(0,0,0,.1));filter:drop-shadow(0 2px 5px rgba(0,0,0,.1))}.skill-level{align-items:center;display:flex;margin-top:1rem}.skill-level .progress-container{background-color:rgba(0,0,0,.1);border-radius:4px;flex:1 1;height:8px;margin-right:10px;overflow:hidden}.skill-level .progress-bar{border-radius:4px;height:100%;width:0}.skill-level .level-text{color:var(--text-color);font-size:.9rem;font-weight:600;min-width:40px;opacity:.8;text-align:right}.skills-footer{margin:2rem auto 0;max-width:1200px;padding:0 2rem}.skill-level-legend{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:2rem}.skill-level-legend .legend-item{align-items:center;display:flex}.skill-level-legend .legend-item .legend-color{border-radius:50%;height:15px;margin-right:8px;opacity:.8;width:15px}.skill-level-legend .legend-item .legend-color:first-child{opacity:.4}.skill-level-legend .legend-item .legend-color:nth-child(2){opacity:.6}.skill-level-legend .legend-item .legend-color:nth-child(3){opacity:.8}.skill-level-legend .legend-item .legend-color:nth-child(4){opacity:1}.skill-level-legend .legend-item span{color:var(--text-color);font-size:.9rem;opacity:.7}@media screen and (max-width:992px){.skills-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media screen and (max-width:768px){.section-title h2{font-size:2rem}.skills-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.skill-card{padding:1.2rem}}@media screen and (max-width:576px){.skills-section{padding:3rem 0}.section-title{margin-bottom:2rem}.section-title h2{font-size:1.8rem}.section-title p{font-size:1rem}.skills-grid{gap:.8rem;grid-template-columns:1fr 1fr}.skill-card{padding:1rem}.skill-card h4{font-size:1rem}.skill-icon{font-size:1.5rem}.skill-level .level-text{font-size:.8rem}}.projects-section{background-color:var(--bg-primary);padding:5rem 0}.section-title{margin-bottom:3rem;text-align:center}.section-title h2{color:var(--text-color);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-title h2:after{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border-radius:2px;content:"";display:block;height:4px;margin:1rem auto;width:80px}.section-title p{color:var(--text-color);font-size:1.1rem;margin:0 auto;max-width:600px;opacity:.8}.projects-container{margin:0 auto;max-width:1200px;padding:0 2rem}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:3rem}.project-card{background:var(--container-color);border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.05);height:450px;opacity:0;overflow:hidden;position:relative;-webkit-transform:translateY(30px);transform:translateY(30px);transition:all .4s ease}.project-card.animate{-webkit-animation:fadeInUp .8s forwards;animation:fadeInUp .8s forwards}.project-card:hover{box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-transform:translateY(-10px);transform:translateY(-10px)}.project-card:hover .project-image-container img{-webkit-transform:scale(1.05);transform:scale(1.05)}.project-card:hover .project-overlay{opacity:.7}.project-image-container{height:200px;overflow:hidden;position:relative}.project-image-container img{height:100%;object-fit:cover;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;width:100%}.project-image-container .project-overlay{background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.5));height:100%;left:0;opacity:.5;position:absolute;top:0;transition:opacity .3s ease;width:100%}.project-content{padding:1.5rem;position:relative;z-index:1}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.project-tags .project-tag{background-color:rgba(248,111,3,.1);background-color:rgba(var(--primary-color-rgb,248,111,3),.1);border-radius:20px;color:var(--primary-color);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase}.project-title{color:var(--text-color);font-size:1.4rem;font-weight:700;margin-bottom:.8rem}.project-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-color);display:-webkit-box;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;opacity:.9;overflow:hidden}.project-links{display:flex;gap:1rem}.project-links .project-link{align-items:center;border-radius:6px;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.project-links .project-link svg{font-size:1rem}.project-links .project-link.live-link{background-color:var(--primary-color);color:#fff}.project-links .project-link.live-link:hover{background-color:var(--secondary-color);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.project-links .project-link.code-link{background-color:transparent;border:1px solid var(--text-color);color:var(--text-color)}.project-links .project-link.code-link:hover{background-color:var(--text-color);color:var(--bg-primary);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.project-details{background-color:var(--container-color);height:100%;left:0;overflow-y:auto;padding:1.5rem;position:absolute;top:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;width:100%;z-index:2}.project-details.show{-webkit-transform:translateY(0);transform:translateY(0)}.project-details .details-content h4{color:var(--primary-color);font-size:1.1rem;font-weight:600;margin-bottom:.8rem}.project-details .details-content ul{list-style-type:disc;margin-bottom:1.5rem;padding-left:1.5rem}.project-details .details-content ul li{color:var(--text-color);font-size:.9rem;margin-bottom:.5rem}.project-details .details-content .tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.project-details .details-content .tech-stack .tech-item{background-color:var(--bg-secondary-two);border-radius:20px;color:var(--text-color-two);font-size:.8rem;font-weight:500;padding:.3rem .8rem}.more-projects{display:flex;justify-content:center;margin-top:2rem}.more-projects .btn-more{align-items:center;background:transparent;border:2px solid var(--primary-color);border-radius:50px;color:var(--text-color);display:flex;font-weight:600;gap:.8rem;padding:.8rem 2rem;transition:all .3s ease}.more-projects .btn-more .arrow-icon{transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.more-projects .btn-more:hover{background-color:var(--primary-color);box-shadow:0 5px 15px rgba(248,111,3,.3);box-shadow:0 5px 15px rgba(var(--primary-color-rgb,248,111,3),.3);color:#fff;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.more-projects .btn-more:hover .arrow-icon{-webkit-transform:translateX(5px);transform:translateX(5px)}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (max-width:992px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media screen and (max-width:768px){.section-title h2{font-size:2rem}.projects-grid{grid-template-columns:1fr;margin:0 auto 2rem;max-width:500px}.project-card{height:420px}}@media screen and (max-width:576px){.projects-section{padding:3rem 0}.section-title{margin-bottom:2rem}.section-title h2{font-size:1.8rem}.section-title p{font-size:1rem}.project-card{height:400px}.project-image-container{height:180px}.project-content{padding:1.2rem}.project-title{font-size:1.2rem}.project-links{flex-direction:column;gap:.8rem}}
/*# sourceMappingURL=main.8d1741f2.css.map*/