.navbar-brand{color:var(--red);font-size:2rem}.mylogo{max-width:100px}.red-underline{font-size:23px;position:relative;color:#fff!important}.red-underline:after{content:"";background-color:var(--red);width:0;height:3px;transition:all .5s;position:absolute;bottom:3px;left:6px}.red-underline:hover:after{width:85%}
.intro-background{background-position:100%;background-repeat:no-repeat;background-size:contain;height:90vh;position:relative}.intro-name{flex-direction:column;margin-top:6rem;display:flex;position:absolute}.intro-photo{height:80vh}.intro-first{font-size:2.5rem;font-weight:600}.intro-second{color:var(--red);-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#fb3;font-size:5rem;font-weight:800}.Typewriter__wrapper{-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:#121212;font-size:2rem}.Typewriter__cursor{font-size:2rem}.social-icons{margin-top:3rem}.social-icons i{text-align:center;border:1px solid #fff;border-radius:50%;align-items:center;width:50px;height:50px;margin:20px;padding:10px;font-size:30px}.social-icons i:hover{cursor:pointer;color:#000;background-color:#fff;transition:all .5s ease-in-out}.bttn{text-transform:uppercase;color:#121212;z-index:20;background-color:#d4d3cf;border:2px solid #0000;border-radius:0;width:200px;margin-top:50px;padding:12px 28px;font-size:14px;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.bttn:hover{color:#fff;background-color:#8a8787;border:2px solid #000}.blog-button{border:none;padding:16px 55px 16px 25px;font-size:16px}.blog-button:hover{color:#fb8f3d;background-color:#524e4e;border:none}.blog-button:hover>.blog-btn-text{color:#fff}.blog-button:before{content:"";font-family:"Font Awesome 6 Brands";font-size:24px;position:absolute;top:9px;right:16px}.blog-button:hover:before{transform-origin:bottom;animation-name:fadeOutDown;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both}.blog-button:after{content:"";z-index:-1;background-color:#0003;width:0;height:100%;transition:all .3s;position:absolute;top:0;right:0}.blog-button:hover:after{width:50px;height:70px;top:-5px;right:-5px;transform:rotate(15deg)}@media only screen and (max-width:900px){.social-icons i{color:#fff}}@media only screen and (max-width:400px){.Typewriter__wrapper,.Typewriter__cursor{font-size:1.9rem}}
.tilt-card{margin-top:3rem;margin-left:auto;margin-right:auto}.tilting-card-body{background:#222;border-radius:1em;flex-direction:column;gap:1rem;width:500px;margin:auto;padding:1em;font-size:25px;display:flex;box-shadow:0 1px 2px #00ffffb3,1px 2px 4px #00ffffb3,2px 4px 8px #00ffffb3,2px 4px 16px #00ffffb3}b{color:var(--red);font-weight:600}@media only screen and (max-width:1000px){.tilting-card-body{width:500px}}@media only screen and (max-width:540px){.tilting-card-body{width:400px}}@media only screen and (max-width:443px){.tilting-card-body{width:300px}}
.header-icon{color:var(--red);border:2px solid #ddd;padding:10px;font-size:30px}i{color:var(--red)}.timeline-area{border-left:2px solid #ddd;flex-direction:column;gap:1.5rem;margin-left:28px;padding:0 0 0 30px;display:flex;position:relative}.timeline{flex-direction:column;gap:.5rem;display:flex}.timeline>:first-child{font-size:24px;font-weight:800}.timeline>:nth-child(2){color:var(--gray);font-size:16px;font-weight:600}.timeline:before{content:"";background-color:var(--red);border-radius:50%;width:13px;height:13px;margin-top:10px;display:block;position:absolute;left:-7px}.experience-list{color:#ccc;flex-direction:column;gap:.4rem;margin:.25rem 0 0 1rem;padding-left:1rem;font-size:16px;display:flex}.experience-list li{line-height:1.5}.experience-list b{color:var(--red);font-weight:700}@media only screen and (max-width:770px){.header-icon{font-size:23px}.timeline>:first-child{font-size:19px}.timeline>:nth-child(2){font-size:12px}.timeline>:nth-child(3){font-size:17px}}
.profile{margin-top:8rem;margin-bottom:8rem;position:relative}.text-center{margin-bottom:3rem;font-weight:800}.profile-title{color:#fff;font-size:1.8rem;font-weight:600;text-decoration:none}.profile-tab-btn{cursor:pointer;background:0 0;border:none;padding:0 8px;position:relative;color:#fff!important;text-decoration:none!important}.profile-red-underline:after{content:"";background-color:var(--red);width:0;height:3px;transition:all .5s;position:absolute;bottom:3px;left:10px}.profile-red-underline:hover:after{width:93%}.active-underline:after{content:"";background-color:var(--red);width:93%;height:3px;transition:all .5s;position:absolute;bottom:3px;left:10px}.collapse-item span{text-align:justify;font-size:22px}.exp-link{font-size:.9em;font-weight:600;transition:opacity .2s;color:var(--red)!important;text-decoration:none!important}.exp-link:hover{opacity:.75;text-decoration:underline!important}.exp-link-icon{vertical-align:super;color:var(--red)!important;border:none!important;border-radius:0!important;width:auto!important;height:auto!important;margin:0 2px!important;padding:0!important;font-size:.75em!important}.collapse-item{padding:5px;animation:1.5s opac;position:relative}@keyframes animateleft{0%{opacity:0;left:-300px}to{opacity:1;left:0}}@keyframes opac{0%{opacity:0}to{opacity:1}}@media only screen and (max-width:1000px){.profile-title{font-size:20px}}@media only screen and (max-width:600px){.collapse-item span{font-size:18px}}
.skills{margin-top:10rem;margin-bottom:10rem;position:relative}.text-center{margin-bottom:5rem;font-weight:800}.skill{text-align:center;flex-direction:column;align-items:center;margin:1rem;display:flex}.skill span{margin-top:1rem;font-size:1.2rem;font-weight:700}
.text-center{margin-bottom:5rem;font-weight:800}
.card-wrapper{width:50%;margin-bottom:80px;margin-left:auto;margin-right:auto}.card{background:#121212;border-radius:70px;height:500px;margin:20px;padding:50px;position:relative}.card:after{content:"";z-index:-1;border-radius:inherit;background-image:linear-gradient(45deg,purple,orange);margin:-10px;position:absolute;inset:0}.card-body>i{color:var(--red);text-align:center;margin-bottom:50px;font-size:68px}.card-title{color:#fff;letter-spacing:1.2px;margin-bottom:35px;font-weight:500}.card-text{text-align:center;letter-spacing:.8px;line-height:25px}@media only screen and (max-width:1000px){.card-wrapper{width:70%}}@media only screen and (max-width:770px){.card-wrapper{width:100%}.card{border-radius:50px;height:550px}}
#portfolio{margin-top:8rem}.text-center{margin-bottom:5rem;font-weight:800}.nav-tabs{border:none}.nav-tabs .nav-link{background-color:#0000;border-radius:10px;width:120px;margin:10px;color:#fff!important;border:.5px solid #ddd!important}.nav-tabs .nav-link:hover{color:var(--red)!important}.nav-tabs .nav-link.active{background:linear-gradient(90deg,#c205b1 0%,#790c6c 45%,#43119f 100%);font-weight:600;color:#fff!important}.card-image{object-fit:cover;border-radius:30px;width:100%;height:270px;display:block}.image-overlay{margin-top:25px;position:relative}.overlay{opacity:0;background:linear-gradient(#1d2671cc,#c33764cc);border-radius:30px;width:100%;height:100%;transition:all .5s;position:absolute;inset:0}.image-overlay:hover .overlay{opacity:1}.overlay-text{text-align:center;width:60%;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.overlay-actions{width:100%;position:absolute;top:70%}
.contact{background:linear-gradient(90.21deg,#aa367c -5.91%,#4a2fbd 111.58%);margin-top:10rem;padding-top:100px;padding-bottom:100px}.contact-title{margin-bottom:50px;font-size:45px;font-weight:800}.col-sm i{margin-bottom:10px;font-size:40px}.contact-image{max-width:85%;margin-bottom:80px;margin-left:auto;margin-right:auto}.form-control{color:#fff;letter-spacing:.8px;background:#ffffff1a;border:1px solid #ffffff80;border-radius:20px;width:100%;margin:0 0 8px;padding:18px 26px;font-size:18px;font-weight:500;transition:all .3s ease-in-out}.form-control:focus{color:#121212;background:#fff}.form-control::placeholder{font-size:16px;font-weight:400;color:#fff!important}.form-control:focus::placeholder{opacity:.8;color:#121212!important}.contact-button{margin-top:25px;margin-left:8px;padding:10px;font-size:18px;font-weight:700}.contact-button i{color:#00f;margin-right:10px}.footer .container{padding:40px}.alert-mssg{font-size:20px;font-weight:700}
.footer{background-image:url(/img/footer-bg.webp);background-position:50%;background-repeat:no-repeat;background-size:cover}.footer-mylogo{max-width:150px}.text-center-custom{text-align:center}.text-center-custom h5{font-weight:530}.custom-text-muted{color:#b8b8b8;letter-spacing:.5px;text-align:center;margin:0;font-size:14px;font-weight:400}.footer-social-icons{flex-direction:row;gap:20px;display:flex}.footer-social-icons i{color:#fff;text-align:center;border:1px solid #fff;border-radius:50%;align-items:center;width:50px;height:50px;margin-left:20px;padding:10px;font-size:30px}.footer-social-icons i:hover{cursor:pointer;color:#000;background-color:#fff;transition:all .5s ease-in-out}.footer-text{margin-top:20px}@media only screen and (max-width:500px){.footer-social-icons{flex-direction:column}.footer-social-icons i{width:40px;height:40px;margin-left:10px;font-size:20px}.col-sm i{font-size:30px}}