@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900&family=Rubik+Glitch+Pop&display=swap);@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css);@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rubik+Glitch+Pop&display=swap);.navbar-nav[data-v-30df4b78]{display:flex;justify-content:flex-start;width:10%;padding-right:10rem}.nav-item[data-v-30df4b78]{margin-left:1.5rem}.footer[data-v-8ab6bfa0]{z-index:1;--footer-background:#f5cb86;display:grid;position:relative;grid-area:footer;min-height:5rem}body{.blob{animation-name:blobby;animation-duration:7s;animation-iteration-count:infinite;animation-timing-function:ease;animation-direction:alternate;mix-blend-mode:luminosity}}button[data-v-17943813]{padding:1.3em 3em;font-size:12px;text-transform:uppercase;letter-spacing:2.5px;font-weight:500;color:#000;background-color:#f5cb86;border:none;border-radius:45px;box-shadow:0 8px 15px rgba(0,0,0,.1);transition:all .3s ease 0s;cursor:pointer;outline:none}button[data-v-17943813]:hover{background-color:#f5cb86;box-shadow:0 15px 20px rgba(174,193,185,.4);color:#fff;transform:translateY(-7px)}button[data-v-17943813]:active{transform:translateY(-1px)}h1[data-v-17943813]{font-family:Poppins,sans-serif;color:#f5f5f5}.circle[data-v-75da266b]{background:#17182e;width:500px;height:500px;border-radius:40% 60% 70% 30%/40% 50% 60% 50%;overflow:hidden;animation:morph 3s linear infinite}p[data-v-75da266b]{color:#f5f5f5;margin-top:100px}.skills-container[data-v-75da266b]{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.skill-badge[data-v-75da266b]{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#17182e;width:120px;height:120px;border-radius:10px;padding:.5rem;font-size:.9rem;transition:all .3s ease;box-shadow:0 2px 5px rgba(0,0,0,.1);color:#333;text-align:center}.skill-badge[data-v-75da266b]:hover{background-color:#f3bf6d;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.skill-image[data-v-75da266b]{width:40px;height:40px;-o-object-fit:contain;object-fit:contain;margin-bottom:.5rem}.skill-title[data-v-75da266b]{font-weight:700;margin-bottom:.25rem;font-size:.9rem;line-height:1.2}.skill-experience[data-v-75da266b]{font-size:.8rem;opacity:.8}h3[data-v-75da266b]{color:#f9f7f4}.card[data-v-785e3350]{width:18rem;padding:20px;border-radius:10px;box-shadow:0 0 10px #f5cb86;background-color:#17182e;transition:transform .3s ease,box-shadow .3s ease}.card[data-v-785e3350]:hover{transform:scale(1.05);box-shadow:0 0 20px #f5cb86}h5[data-v-751d94cc]{color:#f5cb86}h6[data-v-751d94cc]{color:#fff}.card[data-v-751d94cc]{padding:20px;border-radius:10px;box-shadow:0 0 10px #f5cb86;background-color:#17182e}.card:has(li:hover) li[data-v-751d94cc]:not(:hover){filter:blur(4px)}span[data-v-51b22501]{color:#faebd7;font-weight:400}h4[data-v-51b22501]{color:#fff}@media screen and (max-width:850px){.contact-wrapper[data-v-51b22501]{display:flex;flex-direction:column}.direct-contact-container[data-v-51b22501],.form-horizontal[data-v-51b22501]{margin:0 auto}.direct-contact-container[data-v-51b22501]{margin-top:60px;max-width:300px}.social-media-list li[data-v-51b22501],.social-media-list li[data-v-51b22501]:after{height:60px;width:60px;line-height:60px}}@media screen and (max-width:569px){.direct-contact-container[data-v-51b22501],.form-wrapper[data-v-51b22501]{float:none;margin:0 auto}.form-control[data-v-51b22501],textarea[data-v-51b22501]{margin:0 auto}.email[data-v-51b22501],.name[data-v-51b22501],textarea[data-v-51b22501]{width:280px}.direct-contact-container[data-v-51b22501]{margin-top:60px;max-width:280px}.social-media-list[data-v-51b22501]{left:0}.social-media-list li[data-v-51b22501]{font-size:2rem}.social-media-list li[data-v-51b22501],.social-media-list li[data-v-51b22501]:after{height:55px;width:55px;line-height:55px}}@media screen and (max-width:410px){.send-button[data-v-51b22501]{width:99%}}h5[data-v-247d32a8]{color:#f9f2f2}h3[data-v-247d32a8]{font-family:Poppin,sans-serif;color:#fff}img[data-v-247d32a8]{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;animation:slideBottom 1s ease forwards;animation-delay:.7s}#app{font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;overflow:visible}:root{--bg-color:#0a0f24;--second-bg-color:#17182e;--text-color:#f9f2f2;--main-color:#f5cb86}body{background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;animation:slideBottom 1s ease forwards;animation-delay:.7s;.blob{animation-name:blobby;animation-duration:7s;animation-iteration-count:infinite;animation-timing-function:ease;animation-direction:alternate;mix-blend-mode:luminosity}@keyframes blobby{0%{border-radius:50%}20%{border-radius:41% 59% 41% 59%/53% 51% 49% 47%;transform:rotate(36deg)}40%{transform:rotate(72deg);border-radius:43% 57% 41% 59%/53% 52% 48% 47%}80%{border-radius:48% 52% 41% 59%/48% 58% 42% 52%;transform:rotate(108deg)}to{transform:rotate(144deg);border-radius:54% 46% 60% 40%/43% 55% 45% 57%}}}nav{padding:30px}nav a{font-weight:700;color:var(--second-bg-color)}nav a.router-link-exact-active{color:var(--bg-color)}.navbar{background-color:var(--second-bg-color)}.navbar-nav{margin:auto}.nav-link{color:#f5f5f5;transition:color .3s}.navbar-nav{margin-left:auto}.navbar-collapse{justify-content:flex-end}.navbar-brand{margin-left:20px;padding:10px 15px}.nav-link:active,.nav-link:hover{color:var(--main-color)}.navbar-toggler{border-color:var(--main-color)}.animate__animated.animate__bounce,.animate__animated.animate__fadeInUp{--animate-duration:2s}:root{--animate-duration:800ms;--animate-delay:0.9s}*,:after,:before{margin:0;padding:0;box-sizing:border-box}h1{font-family:Rubik Glitch Pop,sans-serif}h1,p{color:var(--main-color)}p{font-family:Poppins,sans-serif}.container-fluid{padding:0;margin:0}section{scroll-margin-block:3.5rem}#landing{font-size:120%;overflow-x:hidden}.wrap{display:flex;align-items:center;justify-content:center;height:100vh}.circle{background:var(--second-bg-color);width:600px;height:500px;border-radius:40% 60% 70% 30%/40% 50% 60% 50%;overflow:hidden;animation:morph 3s linear infinite}.circle img{width:100%}@keyframes morph{0%,to{border-radius:40% 60% 70% 30%/40% 40% 60% 50%}34%{border-radius:70% 30% 50% 50%/30% 30% 70% 70%}67%{border-radius:100% 60% 60% 100%/100% 100% 60% 60%}}.container{max-width:1200px;margin:0 auto}.intro-text h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:bolder;animation:slideLeft 1s ease forwards;animation-delay:1s}.intro-text h5,.intro-text p{margin-bottom:.5rem;color:var(--text-color);opacity:0;animation:slideRight 1s ease forwards;animation-delay:1s}.intro-text span{color:var(--main-color)}.social-media{margin:1.5rem 0}.social-media .icon{margin-right:1rem;font-size:1.5rem}.btn-outline-dark{margin-top:1rem}@media (max-width:768px){.row{flex-direction:column-reverse;align-items:center}.col-sm-6{width:100%}.col-sm-6,.intro-text{text-align:center}}@media (max-width:425px){.intro-text h2{font-size:1.75rem}.social-media .icon{margin-right:.5rem;font-size:1.25rem}.btn-outline-dark{font-size:.875rem}}@media (max-width:375px){.intro-text h2{font-size:1.5rem}.social-media .icon{font-size:1rem}.btn-outline-dark{font-size:.75rem}}@media (max-width:320px){.intro-text h2{font-size:1.25rem}.btn-outline-dark{font-size:.75rem}}.col-sm-6{color:var(--text-color)}.intro-text{text-align:left;margin:20px}button{background-color:var(--main-color);color:var(--text-color);border:none;padding:.75rem 1.9rem;border-radius:5rem;cursor:pointer;font-size:1rem;transition:background-color .3s,color .3s;margin:.5rem}button:hover{background-color:var(--text-color);color:var(--main-color)}img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;animation:slideBottom 1s ease forwards;animation-delay:.7s}img[alt=logo]{width:5rem}:is(.wrapper){display:grid;grid-template-rows:auto minmax(100dvh,100%) auto;grid-template-columns:1fr;grid-template-areas:"header" "main" "footer"}.icon{color:var(--main-color)}.icon1{color:var(--second-bg-color)}footer{color:var(--text-color);padding:1rem}.card,footer{background-color:var(--second-bg-color);text-align:center}.card{width:300px;border:1px solid var(--main-color);border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:box-shadow .3s ease;overflow:hidden;margin:20px;position:relative;display:inline-block;vertical-align:top;margin:0 10px;flex-basis:calc(29% - 20px)}.card:hover{box-shadow:0 8px 16px rgba(0,0,0,.2)}.card-img{width:100%;height:auto;border-bottom:1px solid #ddd}.card-content{padding:20px;text-align:left;position:relative;z-index:1}.card-title{font-size:1.5em;margin-bottom:10px;color:#333}.card-text{font-size:1.1em;color:#666;line-height:1.4}.card-link{display:inline-block;color:#007bff;text-decoration:none;margin-top:10px}.card-link:hover{text-decoration:underline}a{cursor:pointer;transition:all .2s linear}a:hover{text-decoration:none}.link{color:#c4c3ca}.link:hover{color:#ffeba7}p{font-weight:500;font-size:14px;line-height:1.7}h4{font-weight:600}h6 span{padding:0 20px;text-transform:uppercase;font-weight:700}.section{position:relative;width:100%;display:block}.full-height{min-height:100vh}[type=checkbox]:checked,[type=checkbox]:not(:checked){position:absolute;left:-9999px}.checkbox:checked+label,.checkbox:not(:checked)+label{position:relative;display:block;text-align:center;width:60px;height:16px;border-radius:8px;padding:0;margin:10px auto;cursor:pointer;background-color:#ffeba7}.checkbox:checked+label:before,.checkbox:not(:checked)+label:before{position:absolute;display:block;width:36px;height:36px;border-radius:50%;color:#ffeba7;background-color:#102770;font-family:unicons;content:"\eb4f";z-index:20;top:-10px;left:-10px;line-height:36px;text-align:center;font-size:24px;transition:all .5s ease}.checkbox:checked+label:before{transform:translateX(44px) rotate(-270deg)}.card-3d-wrap{position:relative;width:440px;max-width:100%;height:400px;transform-style:preserve-3d;perspective:800px;margin-top:60px}.card-3d-wrapper{transition:all .6s ease-out}.card-3d-wrapper,.card-back,.card-front{width:100%;height:100%;position:absolute;top:0;left:0;transform-style:preserve-3d}.card-back,.card-front{background-color:#2a2b38;background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/pat.svg);background-position:bottom;background-repeat:no-repeat;background-size:300%;border-radius:6px;backface-visibility:hidden}.card-back,.checkbox:checked~.card-3d-wrap .card-3d-wrapper{transform:rotateY(180deg)}.center-wrap{position:absolute;width:100%;padding:0 35px;top:50%;left:0;transform:translate3d(0,-50%,35px) perspective(100px);z-index:20;display:block}.form-group{position:relative;display:block;margin:0;padding:0}.form-style{padding:13px 20px;padding-left:55px;height:48px;width:100%;font-weight:500;border-radius:4px;font-size:14px;line-height:22px;letter-spacing:.5px;color:#c4c3ca;background-color:#1f2029;transition:all .2s linear}.form-style,.form-style:active,.form-style:focus{outline:none;border:none;box-shadow:0 4px 8px 0 hsla(0,0%,8%,.2)}.input-icon{position:absolute;top:0;left:18px;height:48px;font-size:24px;line-height:48px;text-align:left;color:#ffeba7;transition:all .2s linear}.form-group input:-ms-input-placeholder{color:#c4c3ca;opacity:.7;-ms-transition:all .2s linear;transition:all .2s linear}.form-group input:-moz-placeholder,.form-group input::-moz-placeholder{color:#c4c3ca;opacity:.7;-moz-transition:all .2s linear;transition:all .2s linear}.form-group input::-webkit-input-placeholder{color:#c4c3ca;opacity:.7;-webkit-transition:all .2s linear;transition:all .2s linear}.form-group input:focus:-ms-input-placeholder{opacity:0;-ms-transition:all .2s linear;transition:all .2s linear}.form-group input:focus:-moz-placeholder,.form-group input:focus::-moz-placeholder{opacity:0;-moz-transition:all .2s linear;transition:all .2s linear}.form-group input:focus::-webkit-input-placeholder{opacity:0;-webkit-transition:all .2s linear;transition:all .2s linear}.btn{border-radius:4px;height:44px;font-size:13px;font-weight:600;text-transform:uppercase;transition:all .2s linear;padding:0 30px;letter-spacing:1px;display:inline-flex;-moz-align-items:center;-ms-align-items:center;align-items:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-ms-flex-pack:center;text-align:center;border:none;background-color:#ffeba7;color:#102770;box-shadow:0 8px 24px 0 rgba(255,235,167,.2)}.btn:active,.btn:focus,.btn:hover{background-color:#102770;color:#ffeba7;box-shadow:0 8px 24px 0 rgba(16,39,112,.2)}@keyframes slideRight{0%{transform:translateX(-100px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideLeft{0%{transform:translateX(100px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideTop{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideBottom{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes zoomIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes floatImage{0%{transform:translateY(0)}50%{transform:translateY(-24px)}to{transform:translateY(0)}}@media (max-width:1440px){.intro-text h2{font-size:2.25rem}}@media (max-width:1024px){.intro-text h2{font-size:2rem}}@media (max-width:768px){.row{flex-direction:column-reverse;align-items:center}.col-sm-6{width:100%}.col-sm-6,.intro-text{text-align:center}.circle{width:80%;height:auto}.card{width:90%;margin:10px auto}}@media (max-width:425px){.intro-text h2{font-size:1.75rem}.social-media .icon{margin-right:.5rem;font-size:1.25rem}.btn-outline-dark{font-size:.875rem}.circle{width:100%;height:auto}.card{width:100%;margin:10px auto}}@media (max-width:375px){.intro-text h2{font-size:1.5rem}.social-media .icon{font-size:1rem}.btn-outline-dark{font-size:.75rem}.circle{width:100%;height:auto}.card{width:100%;margin:10px auto}}@media (max-width:320px){.intro-text h2{font-size:1.25rem}.btn-outline-dark{font-size:.75rem}.circle{width:100%;height:auto}.card{width:100%;margin:10px auto}}