/*!
Author: Suman Biswas
Author URI: https://github.com/SumanOfficial
Description: Front end of a finance website


This project is based on Bootstrap https://getbootstrap.com/ Css framework

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

*/@import url(https://fonts.googleapis.com/css2?family=Fira+Mono&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.3/css/bootstrap.min.css);@import url(https://unpkg.com/aos@next/dist/aos.css);@import url(https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css);body,html{scroll-behavior:smooth;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:#222831;overflow-x:hidden!important}h1{font-weight:700;color:#eee;font-family:"Fira Mono",monospace;font-size:50px}h2{font-weight:700;color:#eee;font-family:"Fira Mono",monospace;font-size:30px}h5{color:#eee;font-family:"Fira Mono",monospace;font-weight:20px}h6{color:#505a6e;font-size:18px}p{color:#eee}small{color:#ffd369}span{color:#4b515c}a{color:#ffd369;transition:all .3s ease}a:hover{color:#eee;text-decoration:none}#contact,#hero .hero-content,#protfolio,#protfolio #carpentry{margin-top:100px}#hero{position:relative;background-image:url(../images/heroBackground.png);height:800px;background-position:center center;background-repeat:no-repeat;background-size:cover}@media (max-width:425px){#hero{height:1200px!important;text-align:center}#hero .line-area{justify-content:center}}@media (max-width:280px){#hero{height:1500px!important;text-align:center}#hero .line-area{justify-content:center}}@media (max-width:320px){#hero{height:1300px!important;text-align:center}#hero .line-area{justify-content:center}}@media (max-width:768px){#hero{height:900px}}@media (max-width:768px){#hero .hero-content{margin-top:30px}}#hero .hero-info{margin-top:100px;padding:0 50px}#hero .hero-info .highlighted-skills{margin-top:80px;background-color:#ffd369;padding:10px 20px;text-align:center}#hero .hero-info .highlighted-skills h6{margin:0;font-size:16px;font-weight:700;color:#222831}@media (max-width:768px){#hero .hero-info .highlighted-skills{margin-top:50px}}@media (max-width:768px){#hero .hero-info{margin-top:50px;padding:10px}}@media (max-width:425px){#hero .hero-info{margin-top:30px}}#hero .hero-img{bottom:0;left:28%;position:absolute;width:450px;height:700px}@media (max-width:1440px){#hero .hero-img{left:20%}}@media (max-width:1024px){#hero .hero-img{width:400px;height:620px;left:15%}}@media (max-width:768px){#hero .hero-img{width:380px;height:580px;left:50%}}@media (max-width:425px){#hero .hero-img{width:240px;height:380px;bottom:0;left:25%}}@media (max-width:320px){#hero .hero-img{left:20%}}@media (max-width:280px){#hero .hero-img{left:10%}}#about{padding:150px 0;position:relative;background-image:url(../images/aboutBack.png);background-position:center center;background-repeat:no-repeat;background-size:cover}#about .line{background-color:#222831}#about .dot{background-color:#222831}#about h1{color:#222831}#about p{color:#222831}#experience{background-color:#4b515c;padding:35px 0;padding-bottom:60px}#experience h5{font-size:18px}#experience p{font-size:16px}#experience small{color:#ffd369;font-size:14px}#experience ul{margin-top:50px;padding-left:6px;list-style:none}#experience ul li::before{content:"";font-weight:700;font-size:16px;display:inline-block;padding:5px;border:2px solid #eee;border-radius:50%;width:12px;height:12px;margin-left:-1em;margin-right:10px;background-color:#222831}#experience ul li h5{margin-top:10px}#experience .skills-area .skills{padding:25px;text-align:center;float:right;height:auto;width:350px;background-color:#222831}#experience .skills-area .skills .line-area{justify-content:center}@media (max-width:768px){#experience .skills-area .skills{width:100%}}#experience .skills-area .skills .skill{margin-top:25px}#experience .skills-area .skills .skill h6{margin-top:10px}#contact{position:relative}#contact .call,#contact .mail,#contact .whatsapp{margin-top:50px}#contact .call img,#contact .mail img,#contact .whatsapp img{width:30px;height:30px}#contact .call p,#contact .mail p,#contact .whatsapp p{margin-left:30px}#contact .call a,#contact .mail a,#contact .whatsapp a{transition:.2s all}#contact .call a:hover,#contact .mail a:hover,#contact .whatsapp a:hover{color:#4b515c}#contact .mail,#contact .whatsapp{margin-top:20px}#contact .contact-back{top:0;left:30%;position:absolute;z-index:-1}@media (max-width:1440px){#contact .contact-back{left:25%}}@media (max-width:1024px){#contact .contact-back{left:20%}}@media (max-width:768px){#contact .contact-back{display:none}}#contact .experience h1{color:#ffd369}#protfolio{position:relative}@media (max-width:425px){#protfolio{margin-top:150px}}@media (max-width:320px){#protfolio{margin-top:250px}}#protfolio .protfolio-back{position:absolute;z-index:-1;top:-40%;right:10%}@media (max-width:1024px){#protfolio .protfolio-back{top:-25%}}@media (max-width:768px){#protfolio .protfolio-back{display:none}}#protfolio h3,#protfolio h6{color:#eee}#protfolio #fame .timeline{position:relative;padding:50px 0}@media (max-width:425px){#protfolio #fame .timeline{margin-top:50px}}#protfolio #fame .timeline::before{content:"";width:2px;height:100%;background-color:#eee;position:absolute;left:50%;top:0}@media (max-width:425px){#protfolio #fame .timeline::before{left:0}}#protfolio #fame .timeline ul{padding:0;margin:0}#protfolio #fame .timeline ul li{position:relative;padding:20px 40px 40px 40px;list-style-type:none;width:50%}@media (max-width:425px){#protfolio #fame .timeline ul li{width:100%;padding:80px 40px}}#protfolio #fame .timeline ul li:nth-child(odd){float:left;text-align:right;clear:both}@media (max-width:425px){#protfolio #fame .timeline ul li:nth-child(odd){text-align:left}}#protfolio #fame .timeline ul li:nth-child(odd)::before{content:"";position:absolute;top:25px;right:-6px;width:12px;height:12px;border:2px solid #ffd369;background-color:#4b515c;border-radius:50%}@media (max-width:425px){#protfolio #fame .timeline ul li:nth-child(odd)::before{left:-6px}}#protfolio #fame .timeline ul li:nth-child(odd) .date{position:absolute;top:5px;right:-160px;background-color:#ffd369;padding:20px}@media (max-width:425px){#protfolio #fame .timeline ul li:nth-child(odd) .date{left:40px;width:200px}}#protfolio #fame .timeline ul li:nth-child(odd) .date h6{padding:0;margin:0;color:#4b515c}#protfolio #fame .timeline ul li:nth-child(even){float:right;text-align:left;clear:both}@media (max-width:425px){#protfolio #fame .timeline ul li:nth-child(even){text-align:left}}#protfolio #fame .timeline ul li:nth-child(even)::before{content:"";position:absolute;top:25px;left:-6px;width:12px;height:12px;border:2px solid #ffd369;background-color:#4b515c;border-radius:50%}@media (max-width:425px){#protfolio #fame .timeline ul li:nth-child(even)::before{left:-6px}}#protfolio #fame .timeline ul li:nth-child(even) .date{position:absolute;top:5px;left:-160px;background-color:#ffd369;padding:20px}@media (max-width:425px){#protfolio #fame .timeline ul li:nth-child(even) .date{left:40px;width:200px}}#protfolio #fame .timeline ul li:nth-child(even) .date h6{margin:0;padding:0;color:#4b515c}#protfolio #fame .timeline ul li img{width:480px;height:auto;margin-top:20px}@media (max-width:1024px){#protfolio #fame .timeline ul li img{width:100%;height:auto}}#protfolio #fame .timeline ul li .content{padding-bottom:20px}#protfolio #carpentry .works{margin-top:50px;margin-bottom:50px;overflow:hidden}#protfolio #carpentry .works .work img{width:100%;height:auto}#protfolio #carpentry .works .work .overlay{position:absolute;bottom:0;left:0;right:0;background-color:#222831;overflow:hidden;width:100%;height:0%;transition:.5s ease;text-align:center}#protfolio #carpentry .works .work:hover .overlay{height:100%}#protfolio #carpentry .works .work .text{color:#eee;padding:20px;margin-top:20px}#protfolio #carpentry .works .work .project-link{color:#4b515c;font-size:18px;background-color:#ffd369;padding:10px 25px}#protfolio #carpentry .works .work .project-link:hover{text-decoration:none;color:#000}#awards{padding:100px 0;background-color:#4b515c}#awards h6{color:#eee}#awards .award h5{color:#ffd369}#awards .award h6{color:#eee}#awards .awards-back{position:relative}#awards .awards-back img{width:100%;height:80px}#awards .awd{padding-left:200px}@media (max-width:425px){#awards .awd{margin-top:25px;text-align:center;padding:20px}#awards .awd .line-area{justify-content:center}}@media (max-width:768px){#awards .awd{margin-top:25px;padding:50px}}#awards .education{text-align:center;background-color:#222831;padding:50px;height:100%}#awards .education .line-area{justify-content:center}#awards .education .edu-item{margin-top:50px}#awards .education .edu-item h6{margin-top:20px;margin-bottom:10px;font-size:20px;color:#ffd369;font-family:"Fira Mono",monospace}#awards .education .edu-item img.uh{width:50px;height:50px}#awards .education .edu-item img{width:45px;height:50px}.logo{width:80px;height:80px}.logo img{width:100%;height:auto}.line-area{display:flex;align-items:center}.line-area .line{margin-right:10px;width:100px;height:4px;background-color:#ffd369}.line-area .dot{width:10px;height:10px;border-radius:50%;background-color:#eee}.wrapper{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;background-color:#222831;display:flex;align-items:center;justify-content:center}.wrapper .loader{display:inline-block;width:30px;height:30px;position:relative;border:4px solid #fff;animation:loader 2s infinite ease}.wrapper .loader-inner{vertical-align:top;display:inline-block;width:100%;background-color:#fff;animation:loader-inner 2s infinite ease-in}@keyframes loader{0%{transform:rotate(0)}25%{transform:rotate(180deg)}50%{transform:rotate(180deg)}75%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}@keyframes loader-inner{0%{height:0%}25%{height:0%}50%{height:100%}75%{height:100%}100%{height:0%}}.project{margin-top:50px;margin-bottom:50px}.project .project-card{background-color:#1a1a1a;height:280px;transition:box-shadow .3s ease-in}@media (max-width:1024px){.project .project-card{height:310px}}@media (max-width:768px){.project .project-card{height:auto}}.project .project-card .project-text{padding:25px}.project .project-card .project-text .project-title{color:#ffd369}.project .project-card .project-text p{font-size:14px}@media (max-width:768px){.project .project-card .project-text p{font-size:16px}}.project .project-card .project-link{margin-top:20px!important;background-color:#ffd369;padding:10px 45px;color:#222831}.project .project-card .project-img{width:100%;height:280px}@media (max-width:1024px){.project .project-card .project-img{height:310px}}@media (max-width:768px){.project .project-card .project-img{height:auto;margin-top:20px}}.project .project-card .project-img img{width:100%;height:100%;filter:grayscale(100%);transition:.3s all!important}.project .project-card:hover img{filter:grayscale(0)}.project .project-card:hover{box-shadow:2px 3px 10px #000}footer{margin-top:120px;padding:100px 0;padding-bottom:40px}@media (max-width:425px){footer{margin-top:50px;padding:50px}}footer .social-icons{text-align:center;margin-top:50px}footer .social-icons a{margin-right:5px}footer .social-icons a img{width:30px;height:30px;transition:.2s all ease-in}footer .social-icons a img:hover{transform:scale(1.2)}footer.sub-footer{margin-top:0;padding:8px}