@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css);@import url(https://fonts.googleapis.com/css2?family=Italiana&display=swap);@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css);.list-group-item{display:flex;justify-content:start}.btn{align-items:center;justify-content:center;margin-top:-.5rem!important;margin-left:.5rem;width:45%;color:#fff!important;background-color:transparent!important;border:1px solid #f5ba19!important}.btn:hover{background:linear-gradient(-45deg,#f5ba19,#f12711,#f5ba19,#f12711)!important}.list-value{margin-left:.5rem!important}.category-heading i[data-v-61b6d59f]{text-shadow:none}.skill-image[data-v-61b6d59f]{width:100%;max-width:150px;height:auto;border:2px solid #ccc;border-radius:8px;box-shadow:1rem .5rem .5rem #666;display:block;margin:30px auto;transition:transform .3s;-o-object-fit:cover;object-fit:cover;overflow:hidden}img[data-v-61b6d59f]:hover{transform:scale(1.05)}.portfolio-item-content h3{text-shadow:7px 4px 7px rgba(0,0,0,.7)!important;font-size:1.7rem!important}.portfolio-item-content p{text-shadow:7px 4px 7px rgba(0,0,0,.7)!important;font-size:1rem!important}.form-group,.input-group{box-shadow:.5rem .5rem .5rem #666}.first-name{font-size:5rem;background:linear-gradient(-45deg,#f5ba19,#f12711,#f5ba19,#f12711);-webkit-background-clip:text;color:transparent;margin-top:360px;animation:gradient 15s ease infinite;background-size:400% 400%}.first-name,.last-name{font-weight:400;text-shadow:7px 4px 7px rgba(0,0,0,.7)}.last-name{font-size:4.5rem;color:#fff;margin-top:.5rem}:root{--color-bg1:#f5ba19;--color-bg2:#f12711;--color1:241,39,17;--color2:241,39,17;--color3:245,186,25;--color4:241,39,17;--color5:241,39,17;--color-interactive:241,39,17;--circle-size:80%;--blending:hard-light}body,html{font-family:Dongle,sans-serif;margin:0;padding:0}#Logo{width:100%;height:auto;display:block;margin:0 auto;max-width:80px;border:2px solid #ccc;border-radius:8px;transition:transform .3s;-o-object-fit:cover;object-fit:cover;overflow:hidden}.name-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;font-family:Ruda,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.image-above-name{text-align:center;margin-bottom:230px;padding:5px}.above-name-image{width:100%;max-width:220px;height:auto;display:block;margin:auto auto;border-radius:8%}.navbar{z-index:2}.nav-item{position:relative}.active-nav a{background:linear-gradient(-45deg,#f5ba19,#f12711,#f5ba19)!important;-webkit-background-clip:text!important;color:transparent}.navbar-toggler{z-index:3}html[data-v-7eaf0d82]{scroll-behavior:smooth!important}.parallax-hero[data-v-7eaf0d82]{position:relative;width:100%}[data-v-7eaf0d82]{margin:0;padding:0;box-sizing:border-box}.wrapper[data-v-7eaf0d82]{position:relative;width:100%;z-index:1;overflow:hidden}.content[data-v-7eaf0d82]{position:relative;overflow-x:hidden}.content .section[data-v-7eaf0d82]{width:100%;height:100vh}.image-container[data-v-7eaf0d82]{width:100%;height:100vh;position:absolute;top:0;left:0;right:0;z-index:2;perspective:500px;overflow:hidden}.image-container img[data-v-7eaf0d82]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}.parallax-hero .wrapper[data-v-7eaf0d82]{position:relative;z-index:10}.parallax-hero .image-container[data-v-7eaf0d82]{z-index:1}.parallax-hero .app-header[data-v-7eaf0d82]{z-index:1000}button[data-v-b157d0a6]{background-color:#0a0d12;color:#fff;border-radius:1rem;padding:.3rem;border:0;width:9rem;margin:2rem;height:3.5rem}button[data-v-b157d0a6]:hover{background-color:#141c27;color:#84a7a1;box-shadow:0 10px 15px rgba(0,0,0,.7);transition:.2s;transform:scale(1.1)}.timeline-container[data-v-b157d0a6]{display:flex;gap:33.5px;width:200%;height:154px;justify-content:center;font-weight:900;font-size:3rem;margin-top:17rem;margin-bottom:20rem}.timeline-point[data-v-b157d0a6]{transition-duration:.5s;border-radius:50%;background:linear-gradient(145deg,#1e2125,#23282c);box-shadow:13.4px 13.4px 40.2px #1c1f23,-13.4px -13.4px 40.2px #262b2f;display:grid;place-items:center;width:158px;height:154px;position:relative;color:var(--color)}.timeline-point[data-v-b157d0a6]:before{content:"";width:170px;height:200px;z-index:-1;border-radius:50%;position:absolute;background:conic-gradient(var(--color) var(--angle),transparent 0deg 1turn);animation:rotateBorder-b157d0a6 1s linear var(--delay) forwards}.timeline-point[data-v-b157d0a6]:nth-child(odd):before{transform:rotate(-90deg)}.timeline-point[data-v-b157d0a6]:nth-child(2n):before{transform:rotate(90deg) scaleY(-1)}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.timeline-point[data-v-b157d0a6]:first-child{--color:#f5ba19;--delay:0s}.timeline-point[data-v-b157d0a6]:nth-child(2){--color:#f5ba19;--delay:1s}.timeline-point[data-v-b157d0a6]:nth-child(3){--color:#f5ba19;--delay:2s}.timeline-point[data-v-b157d0a6]:nth-child(4){--color:#f5ba19;--delay:3s}.timeline-point[data-v-b157d0a6]:nth-child(5){--color:#f5ba19;--delay:4s}.popup[data-v-b157d0a6]{width:350.6px;height:250px;max-height:0;background:linear-gradient(-45deg,#f5ba19,#f12711,#f5ba19);display:grid;grid-template-columns:16% 84%;position:absolute;color:#fff;border-radius:30px;box-shadow:6.7px 6.7px 21.4px #17191d,-6.7px -6.7px 21.4px #212529;transform-origin:bottom bottom;animation:expandPopup-b157d0a6 .5s linear calc(var(--delay) + .5s) forwards}.timeline-point:nth-child(odd) .popup[data-v-b157d0a6]{bottom:221.1px}.timeline-point:nth-child(2n) .popup[data-v-b157d0a6]{top:221.1px}.popup-number[data-v-b157d0a6]{grid-row:span 2;display:grid;font-size:2rem;font-weight:700;color:#fff;place-items:center;cursor:auto;animation:fadeIn-b157d0a6 .5s linear calc(var(--delay) + .7s) forwards;opacity:0;height:100%}.popup-title[data-v-b157d0a6]{color:var(--color);padding-bottom:6.7px;font-size:1.2rem;font-weight:400}.popup-details[data-v-b157d0a6]{padding:20.1px;background-color:#1c1f23;border-radius:30px;opacity:0;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:auto;overflow:hidden;font-size:.8rem;text-align:justify;background:linear-gradient(145deg,#16181b,#22262b);margin:3.35px;animation:fadeIn-b157d0a6 .5s linear calc(var(--delay) + .7s) forwards}.popup[data-v-b157d0a6]:before{content:"";width:6.7px;height:0;border-radius:20px;background-color:var(--color);position:absolute;left:50%;top:-41.9px;display:flex;animation:drawLine-b157d0a6 .5s linear var(--delay) forwards}.timeline-point:nth-child(odd) .popup[data-v-b157d0a6]:before{top:calc(100% + 47px);transform:rotateX(180deg);transform-origin:top}.timeline-point[data-v-b157d0a6]:hover{background:linear-gradient(145deg,var(--color),#1e2125);color:#fff}@keyframes rotateBorder-b157d0a6{0%{--angle:0deg}to{--angle:180deg}}@keyframes expandPopup-b157d0a6{0%{max-height:0}to{max-height:220px}}@keyframes drawLine-b157d0a6{0%{height:0;opacity:0}to{height:33.5px;opacity:1}}@keyframes fadeIn-b157d0a6{to{opacity:1}}@media (max-width:400px){body[data-v-b157d0a6]{height:auto;display:block}.timeline-container[data-v-b157d0a6]{flex-direction:column;height:auto;width:100%;padding:100px 0;margin-bottom:0;margin-top:0}.timeline-point[data-v-b157d0a6]{height:100px;width:100px;flex-shrink:0;margin:4rem 9rem;position:relative;background:none;box-shadow:none;left:-14rem!important}.timeline-point i[data-v-b157d0a6]{font-size:1.5rem;display:none}}@media (max-width:1024px){body[data-v-b157d0a6]{height:auto;display:block}.timeline-container[data-v-b157d0a6]{flex-direction:column;height:auto;width:100%;padding:100px 0;margin-bottom:0;margin-top:0}.timeline-point[data-v-b157d0a6]{height:100px;width:100px;flex-shrink:0;left:-140px;margin:4rem 9rem;position:relative}.timeline-point i[data-v-b157d0a6]{font-size:1.5rem}.timeline-point[data-v-b157d0a6]:nth-child(odd):before{transform:rotate(0deg)}.timeline-point[data-v-b157d0a6]:nth-child(2n):before{transform:rotate(0deg) scaleX(-1)}.popup[data-v-b157d0a6]{width:250px;height:190px;grid-template-columns:20% 80%}.popup-number[data-v-b157d0a6]{font-size:1rem}.popup-details[data-v-b157d0a6]{font-size:.6rem;padding:15px}.popup-title[data-v-b157d0a6]{font-size:1rem}.timeline-point .popup[data-v-b157d0a6]:before{display:none}.timeline-point:nth-child(odd) .popup[data-v-b157d0a6]{bottom:auto;right:-280px}.timeline-point:nth-child(2n) .popup[data-v-b157d0a6]{top:auto;right:-280px}}body[data-v-2ca6094a]{display:flex;justify-content:center;align-items:center;height:100vh;margin:0}.scene[data-v-2ca6094a]{width:100px;height:180px;perspective:1350px}.carousel[data-v-2ca6094a]{left:34rem;width:120%;height:110%;position:relative;margin-top:8rem;transform-style:preserve-3d;animation:spin-2ca6094a 50s linear infinite;animation-play-state:running}.carousel__face[data-v-2ca6094a]{position:absolute;width:100%;height:85%;border:1px solid #fff;border-radius:.5rem;transform:rotateY(calc(var(--i)*12.86deg)) translateZ(565px);overflow:hidden;transition:transform 5s ease-out}.carousel__face img[data-v-2ca6094a]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:.5rem;transition:filter .3s ease}.carousel__title[data-v-2ca6094a],.view-btn[data-v-2ca6094a]{position:absolute;color:#fff;opacity:0;transition:opacity .3s ease;z-index:10}.carousel__title[data-v-2ca6094a]{top:30%;left:50%;transform:translate(-50%,-50%);font-size:1rem;font-weight:300;text-align:center;font-family:Rubik,sans-serif}.view-btn[data-v-2ca6094a]{top:70%;left:50%;transform:translate(-50%,-50%);padding:.3rem;width:4.5rem;height:1.5rem;color:#fff;background-color:#0a0d12;border:none;font-size:.5rem;font-weight:300;border-radius:.5rem;margin-top:.5rem;cursor:pointer}view-btn[data-v-2ca6094a]:hover{background-color:#141c27;color:#fff;box-shadow:0 10px 15px rgba(0,0,0,.7);transition:.2s;transform:scale(1.1)}.carousel__face:hover img[data-v-2ca6094a]{filter:blur(5px)}.carousel__face:hover .carousel__title[data-v-2ca6094a],.carousel__face:hover .view-btn[data-v-2ca6094a]{opacity:1;overflow:hidden}.scene:hover .carousel[data-v-2ca6094a]{animation-play-state:paused}@keyframes spin-2ca6094a{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.modal[data-v-2ca6094a]{display:block;position:fixed;z-index:999;left:34rem;top:-5rem;width:400%;height:250%;overflow:hidden;background-color:rgba(0,0,0,.8);border-radius:10px;display:flex;justify-content:center;align-items:center}.modal-content[data-v-2ca6094a]{max-width:90%;max-height:90%;border-radius:10px;-o-object-fit:contain;object-fit:contain}.close[data-v-2ca6094a]{position:absolute;top:-5px;right:20px;color:#000;font-size:70px;font-weight:300;z-index:1000;cursor:pointer}.close[data-v-2ca6094a]:focus,.close[data-v-2ca6094a]:hover{color:#141c27;text-decoration:none;cursor:pointer}@media (max-width:720px){.modal[data-v-2ca6094a]{display:block;position:fixed;z-index:999;left:14rem;top:5rem;width:400%;height:250%;overflow:hidden;background-color:rgba(0,0,0,.8);border-radius:10px;display:flex;justify-content:center;align-items:center}}@media (max-width:360px){.modal[data-v-2ca6094a]{left:22rem}.section-header[data-v-2ca6094a]{text-align:center;font-size:2.4rem}}[data-v-5013c9a0],[data-v-5013c9a0]:after,[data-v-5013c9a0]:before{-ms-box-sizing:border-box;box-sizing:border-box}body[data-v-5013c9a0]{font-family:arial;font-size:16px;margin:0;background:#000;color:#000}.preloader-wrap[data-v-5013c9a0]{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center}.preloader[data-v-5013c9a0]{position:relative;width:200px;height:200px;border-radius:50%;perspective:780px}.loading-circle[data-v-5013c9a0]{position:absolute;width:100%;height:100%;box-sizing:border-box;border-radius:50%;box-shadow:0 0 7px #f5ba19,0 0 14px #f12711}.loading-circle-one[data-v-5013c9a0]{left:0;top:0;animation:loadingCircleOne-5013c9a0 3s linear infinite;border-bottom:15px solid #f5ba19}.loading-circle-two[data-v-5013c9a0]{top:0;right:0;animation:loadingCircleTwo-5013c9a0 3s linear infinite;border-right:15px solid #f12711}.loading-circle-three[data-v-5013c9a0]{right:0;bottom:0;animation:loadingCircleThree-5013c9a0 3s linear infinite;border-top:20px solid #f5ba19}.loading-circle-four[data-v-5013c9a0]{left:0;bottom:0;animation:loadingCircleFour-5013c9a0 3s linear infinite;border-left:15px solid #f5ba19}.loading-circle-five[data-v-5013c9a0]{top:0;left:0;animation:loadingCircleFive-5013c9a0 3s linear infinite;border-top:15px solid #f12711}.loading-circle-six[data-v-5013c9a0]{top:0;left:0;animation:loadingCircleSix-5013c9a0 3s linear infinite;border-left:15px solid #f12711;transform-origin:center;transform:translate(-50%,-50%)}.loading-circle-seven[data-v-5013c9a0]{bottom:0;right:0;animation:loadingCircleSeven-5013c9a0 3s linear infinite;border-bottom:15px solid #f12711;transform-origin:center}.loading-circle-eight[data-v-5013c9a0]{top:0;right:0;animation:loadingCircleEight-5013c9a0 15s linear infinite;border-left:15px solid #f5ba19;transform-origin:center;transform:translateX(-50%,-50%)}.progress-container[data-v-5013c9a0]{position:absolute;bottom:-5rem;left:0;width:110%;height:auto;background-color:#222;flex-direction:column}.progress-bar[data-v-5013c9a0],.progress-container[data-v-5013c9a0]{display:flex;align-items:center;justify-content:center;border-radius:3rem}.progress-bar[data-v-5013c9a0]{width:100%;height:100%;background:linear-gradient(-45deg,#f5ba19,#f12711,#f5ba19,#f12711)!important;overflow:hidden;white-space:nowrap;box-shadow:0 0 5px #f5ba19,0 0 10px #f12711,0 0 15px #f5ba19,0 0 20px #f12711}.progress-text[data-v-5013c9a0]{font-family:Karla,sans-serif;font-weight:400;color:#f0f0f0;width:-moz-fit-content;width:fit-content}.progress-percentage[data-v-5013c9a0]{margin-top:10px;font-family:Karla,sans-serif;font-weight:400;color:#f0f0f0;position:absolute;bottom:-8rem;left:6rem}@keyframes loadingCircleOne-5013c9a0{0%{transform:rotateX(60deg) rotateY(-40deg) rotate(0deg)}to{transform:rotateX(60deg) rotateY(-40deg) rotate(1turn)}}@keyframes loadingCircleTwo-5013c9a0{0%{transform:rotateX(60deg) rotateY(40deg) rotate(0deg)}to{transform:rotateX(60deg) rotateY(40deg) rotate(1turn)}}@keyframes loadingCircleThree-5013c9a0{0%{transform:rotateX(138deg) rotateY(100deg) rotate(0deg)}to{transform:rotateX(138deg) rotateY(100deg) rotate(1turn)}}@keyframes loadingCircleFour-5013c9a0{0%{transform:rotateX(60deg) rotateY(40deg) rotate(0deg)}to{transform:rotateX(60deg) rotateY(40deg) rotate(1turn)}}@keyframes loadingCircleFive-5013c9a0{0%{transform:rotateX(60deg) rotateY(-40deg) rotate(0deg)}to{transform:rotateX(60deg) rotateY(-40deg) rotate(1turn)}}@keyframes loadingCircleSix-5013c9a0{0%{transform:rotateX(75deg) rotateY(0deg) rotate(0deg)}to{transform:rotateX(75deg) rotateY(0deg) rotate(1turn)}}@keyframes loadingCircleSeven-5013c9a0{0%{transform:rotateX(138deg) rotateY(100deg) rotate(0deg)}to{transform:rotateX(138deg) rotateY(100deg) rotate(1turn)}}@keyframes loadingCircleEight-5013c9a0{0%{transform:rotateX(75deg) rotateY(0deg) rotate(0deg)}to{transform:rotateX(75deg) rotateY(0deg) rotate(1000deg)}}*,:after,:before{margin:0;padding:0;box-sizing:inherit}#app,body,html{height:100%;scroll-behavior:smooth}body{box-sizing:border-box;overflow-x:hidden}:root{--desktop:1200px;--laptop:1024px;--tablet:768px;--phone:480px}.light-section{background-color:#f0f0f0;color:#222}.light-section a{color:#747474}.dark-section{background-color:#222;color:#f0f0f0}.dark-section a{color:#747474}.dark-bg{background-color:#1d1f21}#app,body,html{font-family:Karla,sans-serif;font-weight:400;color:#f0f0f0}h1,h2,h3{font-family:Rubik,sans-serif}h2,h3{text-transform:uppercase;color:#747474;text-shadow:7px 4px 7px rgba(0,0,0,.7)}h2{font-size:1.5rem}h3{font-size:1.1rem}a{text-transform:uppercase;color:#747474}a:hover{cursor:pointer;text-decoration:none;background:linear-gradient(-45deg,#f5ba19,#f12711,#f5ba19);-webkit-background-clip:text;color:transparent}.section-header{text-transform:uppercase;position:relative;display:inline-block;padding-bottom:2rem;font-size:3rem;text-shadow:7px 4px 7px rgba(0,0,0,.7)}.section-header:after{content:"";position:absolute;bottom:31px;left:0;width:100%;height:.5rem;background:linear-gradient(-45deg,#f5ba19,#f12711,#f5ba19,#f12711);animation:gradient 15s ease infinite;background-size:400% 400%}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}p{font-family:Karla,sans-serif;font-weight:300}#greeting{font-family:Rubik,sans-serif;font-weight:700;letter-spacing:.2rem;background:linear-gradient(-45deg,#f5ba19,#f12711,#f5ba19);-webkit-background-clip:text;color:transparent;font-size:1.2rem}#greeting,.nav-item{text-shadow:7px 4px 7px rgba(0,0,0,.7)}.nav-item{font-family:Karla,sans-serif;text-transform:uppercase;font-weight:400;font-size:1rem}.banner-text,.nav-item{color:#f0f0f0}.banner-text #typewriter{font-size:2rem;font-weight:300;color:#f0f0f0}.banner-text .display-text{font-size:6rem}.banner-text #typewriter{font-size:1.7rem;color:inherit;text-transform:none;margin-left:2rem;text-shadow:7px 4px 7px rgba(0,0,0,.7);font-family:Ruda,sans-serif!important;font-weight:400!important;font-style:normal}.footer{font-size:.8rem}section{min-height:100%;width:100%;background-size:cover;text-align:center;position:relative;padding:1rem}section .container-fluid{padding:1rem;margin:4rem auto}section .container-fluid .flex-col{padding:2rem}section .list-group-item{background-color:inherit}.filters a{padding:2rem}.filters .filter{margin:0 auto}.filters .active{background:linear-gradient(-45deg,#f5ba19,#f12711,#f5ba19);-webkit-background-clip:text;color:transparent}header{position:relative;height:100%;width:100%;background:no-repeat 50% fixed;background-image:linear-gradient(to right bottom,rgba(34,34,34,.2),rgba(34,34,34,.2)),url(https://images.unsplash.com/photo-1589848315097-ba7b903cc1cc?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);header #LastName{color:#ed2024}header #Logo{max-height:4rem}header .active-nav a{background:linear-gradient(-45deg,#f5ba19,#f12711,#f5ba19)!important;-webkit-background-clip:text;color:transparent}}header .banner{display:inline-block;vertical-align:middle;margin:auto;width:85%;padding-bottom:2rem;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}header .arrow-icon i{color:#f0f0f0}header .arrow-icon i:hover{background:linear-gradient(-45deg,#f5ba19,#f12711,#f5ba19);-webkit-background-clip:text;color:transparent}.footer{background-color:#1d1f21;padding:1rem}.footer a i:link{color:#f0f0f0}.footer a i:hover{color:linear-gradient(-45deg,#f5ba19,#f12711,#f5ba19)!important}.footer #username{text-transform:uppercase}.footer #username a:link{color:#f0f0f0}.footer #username a:hover{color:#ed2024}.footer .social-item i{font-size:1.5rem;padding:0 2rem}#about .profile-pic{max-width:100%;max-height:300px;border-radius:8%;box-shadow:.5rem .5rem .5rem #000}#about .tagline{font-size:1.5rem}#about #about-content{text-align:justify;font-size:1rem}#skills #skill-container{margin:2rem auto;padding:0;max-width:600px}#skills #skill-container .skill-content{margin-top:1rem}#portfolio .container-fluid{margin:4rem auto}#portfolio .portfolio-item{box-shadow:4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);position:relative}#portfolio .portfolio-item a{text-decoration:none}#portfolio .portfolio-item h3{font-size:1.2rem}#portfolio .portfolio-item img{width:100%;border:2px solid #ccc;border-radius:8px;box-shadow:1rem .5rem .5rem #000;display:block;margin:30px auto;transition:transform .3s;-o-object-fit:cover;object-fit:cover;overflow:hidden}#portfolio .portfolio-item .overlay{position:absolute;padding:inherit;top:0;bottom:0;width:100%;opacity:0;transition:.5s ease;background-color:#222;text-align:center}#portfolio .portfolio-item .overlay .portfolio-item-content{position:absolute;width:100%;top:0;bottom:0;overflow:hidden;color:#f0f0f0;padding:2rem;margin:0 auto;vertical-align:middle;text-align:center}#portfolio .portfolio-item:hover .overlay{opacity:.95;cursor:pointer}#contact .social-item{padding:0 .5rem}#contact ul{margin-top:2rem}#contact .contact-content{padding:2rem}.btn,.btn-resume,.btn-submit,.btn-success{background-color:#222!important;border-color:transparent;color:#f0f0f0;width:100%;margin-left:5px;margin-top:5px!important}.btn-resume:hover,.btn-submit:hover,.btn-success:hover,.btn:hover{background:linear-gradient(-45deg,#f5ba19,#f12711,#f5ba19)!important;color:#e3e3e3}.contact-form{margin-top:2rem}.contact-form button{width:100%;background-color:#222!important;margin-left:-1px}.skillbars{display:grid;grid-template-columns:repeat(4,1fr);gap:6rem;justify-content:center;align-items:center}.skill{margin:1rem 2rem;position:relative;width:100%}.skill-name{font-size:.9rem;letter-spacing:.2em;text-transform:uppercase;text-align:center;margin:1rem}.inner-bar,.outer-bar{height:.75em}.outer-bar{margin-top:1em;background:#333;box-shadow:1rem .5rem .5rem #666;border-radius:3px}.inner-bar{animation:fillBar 1s forwards;transform:scaleX(0);transform-origin:0 0;border-radius:3px}[class*=level--]{background:#f12711;background:linear-gradient(90deg,#f5ba19,#f12711)}[class$="100"]{width:100%}[class$="90"]{width:90%}[class$="80"]{width:80%}[class$="70"]{width:70%}[class$="60"]{width:60%}[class$="50"]{width:50%}[class$="40"]{width:40%}[class$="30"]{width:30%}[class$="20"]{width:20%}[class$="10"]{width:10%}@keyframes fillBar{to{transform:scaleX(1)}}.arrow-container{position:absolute;bottom:0;left:0;right:0;width:100%;margin:0;text-align:center}.arrow-container .arrow-icon{margin:auto}.arrow-container .arrow-icon a{color:#f0f0f0}@media (360px <= width < 390px){body{font-size:14px}.section-header{text-align:center;font-size:2.4rem}.image-container{display:none!important}.image-above-name .above-name-image{width:100%;max-width:180px;margin-bottom:3rem!important}.banner .banner-text .first-name,.banner .banner-text .last-name{font-size:3rem!important}.banner .banner-text #typewriter{font-size:1.4rem!important;margin-left:-2px}.category-heading h2{font-size:1.4rem}.category-heading h3{font-size:1rem;margin-top:10px}.skill-image{max-width:120px;margin:20px auto}.skillbars{display:flex;flex-wrap:wrap;justify-content:center}.skill{width:45%;margin:10px}.skill-name{font-size:1rem}.filters ul{padding-left:0;text-align:center}.filters li{display:inline-block;margin:5px 10px}.filters .nav-item{font-size:1.1rem;padding:8px 15px}}@media (390px <= width < 479px){body{font-size:14px}.section-header{text-align:center;font-size:2.4rem}.image-container{display:none!important}.image-above-name .above-name-image{width:100%;max-width:180px;margin-bottom:3rem!important}.banner .banner-text .first-name,.banner .banner-text .last-name{font-size:3rem!important}.banner .banner-text #typewriter{font-size:1.4rem!important;margin-left:-2px}.category-heading h2{font-size:1.4rem}.category-heading h3{font-size:1rem;margin-top:10px}.skill-image{max-width:120px;margin:20px auto}.skillbars{display:flex;flex-wrap:wrap;justify-content:center}.skill{width:45%;margin:10px}.skill-name{font-size:1rem}.filters ul{padding-left:0;text-align:center}.filters li{display:inline-block;margin:5px 10px}.filters .nav-item{font-size:1.1rem;padding:8px 15px}}@media (480px <= width < 768px){body{font-size:14px}.image-container{display:none!important}.image-above-name .above-name-image{width:100%;max-width:180px;margin-bottom:3rem!important}.banner .banner-text .first-name,.banner .banner-text .last-name{font-size:3rem!important}.banner .banner-text #typewriter{font-size:1.4rem!important;margin-left:-2px}.category-heading h2{font-size:1.4rem}.category-heading h3{font-size:1rem;margin-top:10px}.skill-image{max-width:120px;margin:20px auto}.skillbars{display:flex;flex-wrap:wrap;justify-content:center}.skill{width:45%;margin:10px}.skill-name{font-size:1rem}.filters ul{padding-left:0;text-align:center}.filters li{display:inline-block;margin:5px 10px}.filters .nav-item{font-size:1.1rem;padding:8px 15px}}@media (767px <= width < 1024px){body{font-size:14px}.image-container{display:none!important}.image-above-name .above-name-image{width:100%;max-width:220px;margin-bottom:3rem!important}.banner .banner-text .first-name,.banner .banner-text .last-name{font-size:4rem!important}.banner .banner-text #typewriter{font-size:1.5rem!important;margin-left:-2px}.category-heading h2{font-size:1.4rem}.category-heading h3{font-size:1rem;margin-top:10px}.skill-image{max-width:120px;margin:20px auto}.skillbars{display:flex;flex-wrap:wrap;justify-content:center}.skill{width:35%;margin:10px}.skill-name{font-size:1rem}.filters ul{padding-left:0;text-align:center}.filters li{display:inline-block;margin:5px 10px}.filters .nav-item{font-size:1.1rem;padding:8px 15px}#about .profile-pic{max-width:200%;width:500px;max-height:250px;border-radius:8%;box-shadow:.5rem .5rem .5rem #000;margin-left:-5.8rem}#about .tagline{font-size:1.5rem}#about #about-content{font-size:1.1rem;width:250%;text-align:start;margin-left:-5.6rem}#about .row{flex-direction:column;align-items:center}#about .flex-col{display:flex;flex-direction:column}.list-group-item{display:flex;justify-content:start;margin-left:-6.5rem}.btn{align-items:center;justify-content:center;margin-top:-.5rem!important;margin-left:.5rem;width:100%;color:#fff!important;background-color:transparent!important;border:1px solid #f5ba19!important}.btn:hover{background:linear-gradient(-45deg,#f5ba19,#f12711,#f5ba19,#f12711)!important}.list-value{margin-left:.5rem!important}#portfolio-container{display:flex;flex-wrap:wrap;gap:4rem;justify-content:center;margin-left:-8rem}#portfolio .portfolio-item{flex:0 0 48%;width:150%}.portfolio-item .button-group{display:flex;width:100%;justify-content:space-between;align-items:center;gap:1rem}#contact .contact-content,#contact .contact-info{padding:2rem;margin:-2rem auto}.btn-resume{background-color:#222!important;margin-top:1rem!important;margin-left:-1rem!important;width:130%}}@media (1025px <= width < 1100px){body{font-size:14px}.image-above-name .above-name-image{width:100%;max-width:220px;margin-bottom:3rem!important}.banner .banner-text .first-name,.banner .banner-text .last-name{font-size:4rem!important}.banner .banner-text #typewriter{font-size:1.5rem!important;margin-left:-2px}.category-heading h2{font-size:1.4rem}.category-heading h3{font-size:1rem;margin-top:10px}.skill-image{max-width:120px;margin:20px auto}.skillbars{display:flex;flex-wrap:wrap;justify-content:center}.skill{width:15%;margin:10px}.skill-name{font-size:1rem}.filters ul{padding-left:0;text-align:center}.filters li{display:inline-block;margin:5px 10px}.filters .nav-item{font-size:1.1rem;padding:8px 15px}#about .profile-pic{max-width:200%;width:500px;max-height:350px;border-radius:8%;box-shadow:.5rem .5rem .5rem #000;margin-left:-7.4rem}#about .tagline{font-size:1.5rem}#about #about-content{font-size:1.1rem;width:200%;text-align:start;margin-left:-7rem}#about .row{flex-direction:column;align-items:center}#about .flex-col{display:flex;flex-direction:column}.list-group-item{display:flex;justify-content:start;margin-left:-8.4rem}.btn{align-items:center;justify-content:center;margin-top:-.5rem!important;margin-left:.5rem;width:100%;color:#fff!important;background-color:transparent!important;border:1px solid #f5ba19!important}.btn:hover{background:linear-gradient(-45deg,#f5ba19,#f12711,#f5ba19,#f12711)!important}.list-value{margin-left:.5rem!important}#portfolio-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-left:-8rem}#portfolio .portfolio-item{flex:0 0 48%;width:120%}.portfolio-item .button-group{display:flex;width:100%;justify-content:space-between;align-items:center;gap:1rem}#contact .contact-content{padding:2rem;margin:-2rem auto}#contact .contact-info{padding:2rem;margin:-2rem 2rem}.btn-resume{background-color:#222!important;margin-top:1rem!important;margin-left:-.5rem!important;width:130%}}#app.preloader-active{background:#000}