.my-navigation{background-color:#e8e8e8;border-bottom:1px #a9a9a9}.navbar{height:80px;display:flex;justify-content:start;align-items:center;color:#000}.menu-bars{margin-left:2rem;font-size:2rem;color:#000;border-radius:25px}.menu-bars,.nav-menu{background-color:#e8e8e8}.nav-menu{width:300px;height:100%;display:flex;justify-content:center;position:fixed;top:0;left:-100%;transition:.85s;z-index:1}.nav-menu.active{left:0;transition:.35s}.menu-circle{height:50px;width:50px;color:#000}.nav-text{justify-content:start;padding:8px 0 8px 16px;list-style:none;height:60px}.nav-text,.nav-text a{display:flex;background-color:#e8e8e8;align-items:center;color:#000}.nav-text :hover,.nav-text a{text-decoration:none;font-size:18px;width:95%;height:100%;padding:0 16px;border-radius:4px}.nav-text :hover{background-color:#e8e8e8;display:flex;align-items:center}.nav-text a:hover{background-color:#e8e8e8;text-decoration:none;border-bottom:2px solid;color:#000}.nav-text a:active{border-bottom:2px solid #f6f6e7}.nav-menu-items{width:100%}.navbar-toggle{background-color:#e8e8e8;width:100%;height:80px;display:flex;justify-content:start;align-items:center}span{margin-left:16px}.hero-section{padding:0 5% 5%}.content-box{background-color:#f0f0f0;display:flex}.hero-section hr{height:1px;background-color:#000;border:none}.hero-text{margin-bottom:80px}.hero-text h2{font-size:70px;font-weight:700;color:#000;line-height:normal;margin-bottom:20px;padding-top:100px;font-family:"Josefin Sans",sans-serif}.hero-text p{font-size:30px;line-height:1.3;color:#000;font-family:"Montserrat",sans-serif}.hero-image{padding-top:20%;display:flex;justify-content:center}.hero-image img{border-radius:500px;height:80%;width:80%;padding:0 auto;z-index:0}.hero-info h2{font-size:35px;font-weight:700;margin-bottom:30px;font-family:"Lato",sans-serif;color:#000}.hero-info ul{list-style:none;margin:0;padding:0}.hero-info ul li{font-size:20px;color:#808181;margin:0;padding:0}.hero-info ul li span{color:#000;min-width:150px;margin:0 auto;padding:0 auto}.hero-info ul li:last-child{margin-bottom:0}.social-section{margin-top:8%}.social-section .social-links{display:flex;background:#f0f0f0;justify-content:center}.social-section .social-links a{color:#000;font-size:36px;margin-left:5%;margin-right:5%;height:50px;width:50px;align-items:center}.social-section .social-link-warp{padding-bottom:5%}.social-section h2{color:#000}.social-section hr{height:1px;background-color:#000;border:none;width:80%;margin:0 10%}.projects-section{padding:0 5%;background-color:#f0f0f0}.projects-section h1{color:#000;font-size:2.5em;font-weight:700;line-height:normal;margin-bottom:20px;font-family:"Josefin Sans",sans-serif}.projects-section hr{margin-bottom:5em}.projects-section h2{font-size:22px;font-weight:700;color:#fff;line-height:normal;padding-top:0;font-family:"Josefin Sans",sans-serif}.projects-section p{line-height:1.5;color:#fff;font-family:"Montserrat",sans-serif;padding:0}.projects-header h2{padding-top:2em;padding-bottom:2em;text-align:center;font-size:2em;font-weight:700;line-height:normal;font-family:"Josefin Sans",sans-serif}.project-content{margin:0;padding:0;background-color:#f0f0f0}.repo-button{margin-top:2em;background-color:#f5f5f5}.repo-button a,.repo-button a:hover{text-decoration:none;color:#000}.footer-section{height:60px;margin:0;color:#000;background-color:#e8e8e8;padding:10px;box-shadow:5px 10px #222}.contact-section{padding:0 5%}.contact-box,.contact-section{background-color:#f0f0f0}.contact-box Label{font-weight:400;font-size:17px}.contact-header{margin-top:4em;margin-bottom:3em;color:#000;font-weight:700}.contact-header h2{font-size:2em;font-family:"Josefin Sans",sans-serif;color:#000;font-weight:700;text-align:center}.contact-form-class{color:#000;padding-bottom:40%}.about-section{padding:0 10%;margin-bottom:0;color:#000}.about-section hr{height:1px;background-color:#ccc;border:none}.about-header h2{text-align:center;font-size:2em;font-weight:700;line-height:normal;font-family:"Josefin Sans",sans-serif}.about-image{display:flex;align-items:center;justify-content:center}.about-image img{height:40%;width:40%}.about-me{margin-top:40px;margin-bottom:5em}.about-me p{margin-top:2em;line-height:1.5em;font-size:20px}.edu-section{padding:0 5%;background:linear-gradient(180deg,#fafafa,#f5f5f5,#f5f5f5,#f8f8f8,#fafafa,#fff)}.edu-section .edu-box{display:flex;justify-content:center;align-items:center}.edu-section hr{height:1px;background-color:#000;border:none}.edu-header{padding-top:3em;padding-bottom:2em}.edu-header,.edu-quote{display:flex;justify-content:center}.edu-quote{padding-top:7em;padding-bottom:5em}.edu-header h2{text-align:center;font-size:2em;font-weight:700;line-height:normal;font-family:"Josefin Sans",sans-serif}.edu-box,.education-section .card-container{display:flex;justify-content:center}.profile-card{width:80%;max-width:800px;background-color:#fff;border-radius:5px;box-shadow:0 0 25px rgba(0,0,0,.1);overflow:hidden;position:relative;margin:20px 50px;cursor:pointer}.img-responsive{height:100%;width:100%}.profile-card img{transition:all .25s linear}.profile-card .profile-content{position:relative;padding:15px;background-color:#fff}.profile-card .profile-name{font-weight:700;position:absolute;left:0;right:0;top:-60px;color:#fff;font-size:17px}.profile-card .profile-name p{font-weight:600;font-size:13px;letter-spacing:1.5px}.profile-card .profile-description{color:#777;font-size:12px;padding:10px}.profile-card .profile-overview{padding:15px 0}.profile-card .profile-overview p{font-size:10px;font-weight:600;color:#777}.profile-card .profile-overview h4{color:#273751;font-weight:700}.profile-card .profile-content:before{content:"";position:absolute;height:20px;top:-10px;left:0;right:0;background-color:#fff;z-index:0;-webkit-transform:skewY(3deg);transform:skewY(3deg)}.profile-card:hover img{-webkit-transform:rotate(5deg) scale(1.1);transform:rotate(5deg) scale(1.1);-webkit-filter:brightness(110%);filter:brightness(110%)}.vertical-timeline.vertical-timeline-custom-line:before{background:#424242}.vertical-timeline.vertical-timeline-custom-line .vertical-timeline-element--education .vertical-timeline-element-icon,.vertical-timeline.vertical-timeline-custom-line .vertical-timeline-element--work .vertical-timeline-element-icon{box-shadow:0 0 0 4px #424242,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05)}.my-component{overflow:hidden}@media (max-width:480px){.content{margin-left:20px}}@media (max-width:320px){.content{margin-left:10px}}*{margin:0;padding:0;-ms-scroll-chaining:none;overscroll-behavior:none}
/*# sourceMappingURL=main.f5b7d56e.chunk.css.map */