*{box-sizing:border-box;padding:0}*,body{margin:0}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}body{background-color:#0a101e!important}.st-section-heading{margin-top:100px;text-align:center}.st-section-heading.st-style1 .st-section-heading-title{color:#fec544;font-size:24px;font-weight:500;letter-spacing:1px;position:relative;text-transform:uppercase;z-index:10}.st-section-heading.st-style1 .st-section-heading-subtitle{color:#151b2980;font-size:90px;font-weight:700;left:50%;margin-top:70px;position:absolute;text-transform:uppercase;top:0;transform:translate(-50%);width:100%}.st-section-heading.st-style1 .st-section-heading-title:after{background-color:#fec544;bottom:-16px;content:"";height:2px;left:50%;position:absolute;transform:translate(-50%);width:70px}.st-section-heading.st-style1 .st-section-heading-title:before{background-color:#3f4551;bottom:-16px;content:"";height:2px;left:50%;position:absolute;transform:translate(-50%);width:170px}@media screen and (max-width:768px){.st-section-heading.st-style1 .st-section-heading-subtitle{font-size:40px;margin-top:85px}.st-section-heading.st-style1 .st-section-heading-title{font-size:12px}.st-section-heading.st-style1 .st-section-heading-title:before{bottom:-6px;height:1px;width:85px}.st-section-heading.st-style1 .st-section-heading-title:after{bottom:-6px;height:1px;width:35px}}.home-main{background:url(https://devis-react.vercel.app/images/background/hero-bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;width:100%}.home-content{align-items:center;display:flex;gap:50px;height:100%;justify-content:center}.home-content .image{width:40%}.home-content .image img{width:100%}.home-content .text p{color:gold;font-size:30px}.home-content .text h1{color:#fdfeff;font-size:100px}.home-content .text h4{color:#a9adb8;font-size:36px;margin-top:15px}.home-content .icon{background-color:#101624;border-radius:20px;display:flex;justify-content:space-evenly;margin-top:50px;padding:15px;transition:all .6s linear}.home-content .icon i{color:#fdfeff;font-size:20px}.home-content .icon p{color:#fdfeff;font-size:15px}.home-content .icon a{text-decoration:none}.home-content .icon .sub-icon{background-color:#0a101e;border-radius:10px;padding:10px;transition:all .5s linear!important}.home-content .icon .sub-icon p{display:none}.home-content .icon .sub-icon a{align-items:center;display:flex;gap:20px;text-align:center}.home-content .icon .sub-icon a:hover p{display:block;transition:all .5s linear!important}@media (max-width:900px){.home-content{flex-direction:column;gap:20px;margin-top:65px;text-align:center}.home-content .text{width:100%}.home-content .image{width:60%}.home-content .text p{font-size:24px}.home-content .text h1{font-size:60px}.home-content .text h4{font-size:28px}}@media (max-width:480px){.home-main{padding:10px}.home-content .text{width:100%}.home-content .image{width:80%}.home-content .text p{font-size:20px}.home-content .text h1{font-size:40px}.home-content .text h4{font-size:18px}}.profile-card{align-items:center;border-radius:10px;color:#fff;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;line-height:30px;margin-top:60px;padding:20px}.profile-card__image{width:40%}.profile-card__content{width:60%}.profile-card__image img{border-radius:10px;object-fit:cover;text-align:end;width:100%}.profile-card__content{margin-left:20px;max-width:600px}.profile-card__content h1{font-size:2.5rem;margin-bottom:.5rem}.profile-card__content h2{color:#fec544;font-size:1.5rem;margin-bottom:1rem;margin-top:20px}.profile-card__content p{color:#a9adb8;font-size:1rem;margin-bottom:1rem}.profile-card__content ul{list-style:none;margin:0;padding:0;text-align:justify}.profile-card__content ul li{align-items:center;color:#a9adb8;display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:20px}.profile-card__content ul li span:first-child{display:inline-block;width:108px}.profile-card__content ul li span:last-child{margin-right:20px}.profile-card__content ul li span{color:#a9adb8;font-weight:700;margin-right:10px}@media screen and (max-width:1150px){.profile-card__image{text-align:center;width:100%}.profile-card__content{width:100%}.profile-card__image img{max-width:500px}.skill-heading{margin-top:10px}}@media screen and (max-width:768px){.profile-card{flex-direction:column;text-align:center}.profile-card__content{margin:20px 0 0}.profile-card__image img{max-width:200px}.profile-card__content h1{font-size:25px}.profile-card__content ul li span:first-child{display:inline-block;width:70px}.profile-card{margin-top:20px}.skill-sub-heading{font-size:18px!important}.skill-sub-text{font-size:14px!important}.skill-name{font-size:12px!important}}.education-container{color:#fff;margin-left:150px;margin-top:50px;padding:30px 20px}.edu-titlt-main{align-items:center;display:flex;gap:25px;margin-bottom:30px}.education-title{color:#fff;font-weight:700}.timeline{border-left:2px solid #fff3;padding-left:20px;position:relative}.timeline-item{margin-bottom:40px;position:relative}.timeline-icon{background-color:#0a101e;border:1px solid #fff3;border-radius:50%;height:20px;left:-31px;position:absolute;top:0;transition:transform .3s ease,box-shadow .3s ease;width:20px;z-index:2}.timeline-item:hover .timeline-icon{background-color:#f39c12;box-shadow:0 0 10px #f39c12;transform:scale(1.1)}.timeline-content{margin-left:50px}.degree{color:#f39c12;font-size:20px;font-weight:700}.year{color:#ffffffb3;font-size:14px;margin:5px 0}.university{font-size:16px;font-weight:700;margin:5px 0}.description{color:#fffc;font-size:14px}@media (max-width:768px){.timeline{margin-left:20px}.timeline-content{margin-left:10px}.degree{font-size:18px}.description,.university,.year{font-size:12px}.timeline-icon{height:15px;left:-29px;width:15px}.education-container{margin-left:0}}.project-main{display:flex;flex-wrap:wrap;justify-content:space-evenly}.project-sub{margin-top:80px;max-height:200px;overflow:hidden;position:relative}.project-main img{max-width:400px;object-position:center center;transition:transform .5s linear}.project-sub:hover img{transform:scale(1.1)}.project-title{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;max-height:200px;max-width:400px;opacity:0;position:absolute;right:0;text-align:center;top:0;transition:opacity .5s linear;z-index:1}.project-sub:hover .project-title{opacity:1}.project-title button{background-color:#f39c12;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:1rem;padding:10px 20px}.project-title button:hover{background-color:#d4830b}@media screen and (max-width:400px){.project-sub img{max-width:200px}}.contact-container{color:#fff;display:flex;flex-wrap:wrap;gap:50px;margin-top:100px;padding:0 100px}.form-section,.info-section{flex:1 1 45%;min-width:300px}.form-section h2{font-size:28px;margin-bottom:20px}.contact-form{display:flex;flex-direction:column;gap:15px}.contact-form input,.contact-form textarea{background:#101624;border:1px solid #232935;border-radius:4px;color:#fff;font-size:14px;outline:none;padding:12px 15px}.contact-form input:focus,.contact-form textarea:focus{border-color:#f39c12}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#67748e}.contact-form textarea{height:100px;resize:none}.contact-form button{background-color:#f39c12;border:none;border-radius:4px;color:#0a0a0a;cursor:pointer;font-size:16px;padding:10px 20px;transition:background .3s ease}.contact-form button:hover{background-color:#d4830b}.info-section h2{font-size:28px;margin-bottom:20px}.contact-details{margin-top:20px}.contact-details div{margin-bottom:15px}.contact-details span{display:block;font-weight:700;margin-bottom:5px}.contact-icon{display:flex}.contact-icon p{margin:0}.contact-icon i{align-items:center;border:.5px solid #3f4551;border-radius:50%;display:flex;height:50px;justify-content:center;margin-right:20px;width:50px}.contact-icon:hover i{border:.5px solid #f39c12;transition:all .5s linear}.info-section .icon{border-radius:20px;display:flex;gap:20px;margin-top:10px;padding:15px}.info-section .icon i{color:#fdfeff;font-size:20px}.info-section .icon p{color:#fdfeff;font-size:15px}.info-section .icon a{text-decoration:none}.info-section .icon .sub-icon{border:1px solid #3f4551;border-radius:10px;padding:10px 15px;transition:all .5s linear!important}.info-section .icon .sub-icon p{display:none}.info-section .icon .sub-icon a{align-items:center;display:flex;gap:20px;text-align:center}.info-section .icon .sub-icon a:hover p{display:block;transition:all .5s linear!important}.submit-msg{margin-top:10px}@media (max-width:768px){.contact-container{flex-direction:column;padding:0 10px}.info-section .icon{gap:5px}.form-section,.info-section{flex:1 1 100%;min-width:100px}}
/*# sourceMappingURL=main.4aaeacb3.css.map*/