@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}h1{font-size:4rem}h1,h2{font-family:Roboto,sans-serif;font-weight:700}h2{font-size:3rem}h2,h3{color:#cdcdd4}h3{font-family:Roboto,sans-serif;font-size:2rem;font-weight:600}h4{color:#c71047;font-family:Open Sans,sans-serif;font-size:1.5rem;font-weight:500}a{cursor:pointer;font-family:Roboto,sans-serif;font-size:1.2rem;font-weight:300;text-decoration:none}a,p{color:#cdcdd4}p{font-family:Open Sans,sans-serif;font-size:1.16rem;font-weight:400}.hero{background-repeat:no-repeat;display:flex;height:100vh;min-height:850px;overflow:hidden;position:relative}.hero:before{background:#f9145966;bottom:0;content:"";left:105px;position:absolute;top:0;width:1px;z-index:99}.hero .slide{background-repeat:no-repeat;height:100vh;max-width:100vw;min-height:850px;position:relative;width:100vw}.hero .slide .hero-image{height:100%;left:0;position:absolute;top:0;width:100%}.hero .slide .hero-image img.hero-image-img{bottom:0;position:absolute;right:0;width:100vw}.hero .slide .hero-container{display:flex;flex-wrap:wrap;height:100%;padding:15px;position:relative;width:100%;z-index:2}.hero .slide .hero-container .hero-row{display:flex;flex-wrap:wrap;padding:100px 200px;width:100%}.hero .slide .hero-container .hero-row .hero .slide-caption>div *{animation:fadeInLeft 1.5s both}.hero .slide .hero-container .hero-row .slide-caption{flex:0 0 66.666667%;max-width:66.666667%;position:relative;width:100%}.hero .slide .hero-container .hero-row .slide-caption .slide>div{overflow:hidden}.hero .slide .hero-container .hero-row .slide-caption .hero-title{flex:0 0 66.666667%;padding:90px 15px}.hero .slide .hero-container .hero-row .slide-caption .slide-subtitle{animation-delay:0s;margin-left:0;text-align:left}.hero .slide .hero-container .hero-row .slide-caption .slide-subtitle h4{color:#c71047;display:inline-block;font-weight:400;letter-spacing:8px;margin:0;position:relative;text-transform:uppercase}.hero .slide .hero-container .hero-row .slide-caption .slide-title{animation-delay:0s;text-align:left}.hero .slide .hero-container .hero-row .slide-caption .slide-title h2{color:#cdcdd4;font-size:90px;font-weight:700;line-height:1.2em;margin-bottom:30px;margin-top:0;text-transform:uppercase}.hero .slide .hero-container .hero-row .slide-caption .slide-btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hero .social-links{bottom:15px;left:25px;position:absolute;width:auto;z-index:999}.hero .social-links .fa-icon{opacity:.7;transition:all .3s}.hero .social-links .fa-icon:hover{color:#bf1140;opacity:.9}.hero .social-links:before{background:#f9145966;content:"";height:50px;left:27px;position:absolute;top:-70px;width:1px}.hero .social-links:after{color:#9e9ea4;content:"SOCIAL";font-family:Roboto,sans-serif!important;left:-15px;letter-spacing:5px;position:absolute;top:-157px;transform:rotate(-90deg)}.hero .social-links ul{list-style:none;margin:0;padding-left:0}.hero .social-links ul li{margin:15px}.hero .social-links ul li a{cursor:pointer;text-decoration:none}@media only screen and (max-width:767px){.hero .slide .hero-container .hero-row .slide-caption .slide-title h2{font-size:48px;margin-top:20px}.hero .slide-subtitle h4{font-size:18px}}@media only screen and (max-width:599px){.hero .slide .hero-container .hero-row{padding:100px 120px}.hero .slide .hero-container .hero-row .slide-caption .slide-title h2{font-size:28px;margin-top:20px}}.about{background:#1c1d21;position:relative}.about .about-container{padding:100px 200px;text-align:left;width:100%}.about .about-container .about-title{display:block}.about .about-container .about-title h4{color:#cdcdd4;font-weight:600;margin-bottom:10px;text-align:left;text-transform:capitalize;width:100%}.about .about-container .about-title h2{color:#c71047;font-weight:700;margin-bottom:50px;margin-top:15px;padding-bottom:20px;position:relative}.about .about-container .about-title h2:before{background:#f9145966;border-radius:20px;bottom:0;content:"";height:1px;left:0;position:absolute;width:80px}.about .about-container .about-content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:15px;position:relative;width:100%}.about .about-container .about-content .about-text-1{align-self:flex-start;padding-right:30px;width:50%}.about .about-container .about-content .about-text-1 p{color:#cdcdd4;font-weight:300}.about .about-container .about-content .about-text-1 .download-btn{margin-top:40px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:50%}.about .about-container .about-content .about-image{align-self:center;margin-top:-110px;padding-left:30px;width:50%}.about .about-container .about-content .about-image img{border:1px solid #bf114099;max-width:100%;order:2;padding:15px;width:100%}.about .about-container .about-image-col{flex:0 0 45%;max-width:45%}@media only screen and (max-width:767px){.about .about-container .about-content{padding:0}.about .about-container .about-content .about-image,.about .about-container .about-content .about-text-1{padding:15px 0;width:100%}.about .about-container .about-text-1{order:2}.about .about-container .about-image{display:flex;margin-top:0!important;order:1}.about .about-container .about-image img{margin:auto}}@media only screen and (max-width:639px){.about .about-container .about-container{padding:30px}}@media only screen and (max-width:1199px){.about .about-container{padding:100px}}@media only screen and (max-width:599px){.about .about-container{padding:30px}}.education{background:#070707;padding:50px 200px}.education .education-container{padding:15px;text-align:center;width:100%}.education .education-container .education-title{margin-bottom:100px}.education .education-container .education-title h2{margin-bottom:20px;margin-top:0;position:relative}.education .education-container .education-title h4{margin-bottom:10px}.education .education-container .education-title hr{border:.02em solid #f9145966;height:1px;margin:0 auto;padding:0 auto;width:80px}.education .education-container .education-row{display:flex;flex-wrap:wrap;justify-content:center;margin-top:40px;padding-left:15px;padding-right:15px;position:relative;width:100%}@media only screen and (max-width:1199px){.education{padding:100px}}@media only screen and (max-width:599px){.education{padding:30px}.education .education-container,.education .education-container .education-row{padding:0}}.experience{background:#1c1d21;padding:50px 200px}.experience .experience-container{padding:15px;text-align:center;width:100%}.experience .experience-container .experience-title{margin-bottom:100px}.experience .experience-container .experience-title h2{margin-bottom:20px;margin-top:0;position:relative}.experience .experience-container .experience-title h4{margin-bottom:10px}.experience .experience-container .experience-title hr{border:.02em solid #f9145966;height:1px;margin:0 auto;padding:0 auto;width:80px}.experience .experience-container .experience-row{display:flex;flex-wrap:wrap;justify-content:center;margin-top:40px;padding-left:15px;padding-right:15px;position:relative;width:100%}@media only screen and (max-width:1199px){.experience{padding:100px}}@media only screen and (max-width:599px){.experience{padding:30px}.experience .experience-container,.experience .experience-container .experience-row{padding:0}}.fixed-navbar{animation-name:fadeInDown;position:relative;z-index:5555}.fixed-navbar .header{border-bottom:1px solid #f9145966;display:block;position:absolute;width:100%;z-index:99}.fixed-navbar .header .navigation-container{align-items:center;background-color:initial;border:0;border-radius:0;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:0;padding:15px;position:relative}.fixed-navbar .header .navigation-container .navigation{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.fixed-navbar .header .navigation-container .navigation .navbar-header{height:auto}.fixed-navbar .header .navigation-container .navigation .navbar-header a{display:inline-block;line-height:inherit;margin-right:1rem;white-space:nowrap;width:70px}.fixed-navbar .header .navigation-container .navigation .navbar-header a:hover{opacity:.6}.fixed-navbar .header .navigation-container .navigation .navbar-header a img{width:100%}.fixed-navbar .header .navigation-container .navigation .navigation-container-holder{background:#191919;height:100%!important;padding:65px 55px;position:fixed;right:-526px;top:0;width:500px;z-index:99999}.fixed-navbar .header .navigation-container .navigation .navigation-container-holder.active{align-items:center;background:#28282e;flex-basis:100%;flex-grow:1;height:100%!important;padding:65px 55px;position:fixed;right:0;top:0;transition:all .5s;width:500px;z-index:99999}.fixed-navbar .header .navigation-container .navigation .navigation-container-holder.active button{background-color:#28282e;border:1px solid #f9145999;border-radius:50%;color:#cdcdd4;cursor:pointer;height:40px;left:-20px;outline:none;position:absolute;top:10px;transition:all .3s;width:40px;z-index:20}.fixed-navbar .header .navigation-container .navigation .navigation-container-holder.active button:hover{background-color:#bf1140}.fixed-navbar .header .navigation-container .navigation .navigation-container-holder.active button .fa-icon{transition:all .3s}.fixed-navbar .header .navigation-container .navigation .navigation-container-holder.active button .fa-icon:hover{color:#cdcdd4}.fixed-navbar .header .navigation-container .navigation .navigation-container-holder ul.navbar-nav{display:flex;flex-direction:column;float:none;height:100%;justify-content:space-between;margin:0;overflow-x:hidden;overflow-y:scroll;padding-left:0;position:relative;width:100%}.fixed-navbar .header .navigation-container .navigation .navigation-container-holder ul.navbar-nav li{float:none;margin-bottom:40px;position:relative}.fixed-navbar .header .navigation-container .navigation .navigation-container-holder ul.navbar-nav li.thumb-home a:after{content:"home";text-transform:uppercase}.fixed-navbar .header .navigation-container .navigation .navigation-container-holder ul.navbar-nav li.thumb-about a:after{content:"about me";text-transform:uppercase}.fixed-navbar .header .navigation-container .navigation .navigation-container-holder ul.navbar-nav li.thumb-education a:after{content:"where it began";text-transform:uppercase}.fixed-navbar .header .navigation-container .navigation .navigation-container-holder ul.navbar-nav li.thumb-experience a:after{content:"where it leads";text-transform:uppercase}.fixed-navbar .header .navigation-container .navigation .navigation-container-holder ul.navbar-nav li a{display:block;padding:0;transition:all .5s}.fixed-navbar .header .navigation-container .navigation .navigation-container-holder ul.navbar-nav li a:before{background:#bf1140;content:"";display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;position:absolute;text-align:center;top:0;transition:all .5s;width:100%;z-index:99}.fixed-navbar .header .navigation-container .navigation .navigation-container-holder ul.navbar-nav li a:after{color:#cdcdd4;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;position:absolute;text-align:center;top:0;transition:all .5s;width:100%;z-index:999}.fixed-navbar .header .navigation-container .navigation .navigation-container-holder ul.navbar-nav li a:hover:after{opacity:1}.fixed-navbar .header .navigation-container .navigation .navigation-container-holder ul.navbar-nav li a:hover:before{opacity:.6}.fixed-navbar .header .navigation-container .navigation .navigation-container-holder ul.navbar-nav li a img{border-style:none;height:200px;max-height:200px;max-width:100%;vertical-align:middle;width:100%}.fixed-navbar .header .navigation-container .navigation .menu-btn-holder{cursor:pointer;height:45px;margin-right:30px;position:absolute;right:15px;top:17px;width:45px}.fixed-navbar .header .navigation-container .navigation .menu-btn-holder .menu-btn{background:#0000;border:0;height:100%;outline:0;width:100%}.fixed-navbar .header .navigation-container .navigation .menu-btn-holder .menu-btn span{transition:all .3s}.fixed-navbar .header .navigation-container .navigation .menu-btn-holder .menu-btn:hover span{background-color:#c71047}.fixed-navbar .header .navigation-container .navigation .menu-btn-holder .menu-btn span{background-color:#cdcdd4;height:2px;left:9px;position:absolute;top:12px;width:27px}.fixed-navbar .header .navigation-container .navigation .menu-btn-holder .menu-btn span:nth-child(2){top:22px}.fixed-navbar .header .navigation-container .navigation .menu-btn-holder .menu-btn span:nth-child(3){top:32px;width:18px}@media only screen and (max-width:600px){.fixed-navbar .header .navigation-container .navigation .navigation-container-holder{padding:30px!important;width:calc(100% - 30px)!important}.fixed-navbar .header .navigation-container .navigation .navigation-container-holder ul.navbar-nav li a img{height:auto}}.footer{background:#070707;padding:40px 0 20px;text-align:center!important}.footer .footer-container{height:70vh;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}.footer .footer-container .footer-row{display:flex;flex-wrap:wrap}.footer .footer-container .footer-row .footer-col{color:#f2f2f2;flex:0 0 100%;max-width:100%}.footer .footer-container .footer-row .footer-col a,.footer .footer-container .footer-row .footer-col p{font-size:16px}.footer .footer-container .footer-row .footer-col .footer-menu{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;margin-bottom:15px}.footer .footer-container .footer-row .footer-col .footer-menu .fa-icon{opacity:.7;transition:all .3s}.footer .footer-container .footer-row .footer-col .footer-menu .fa-icon:hover{color:#bf1140;opacity:.9}.footer .footer-container .footer-row .footer-col .footer-menu ul{display:flex!important;padding:15px 0 0}.footer .footer-container .footer-row .footer-col .footer-menu ul li{display:inline-block;height:20px;margin:0 5px;transition:all .3s;width:20px}.footer .footer-container .footer-row .footer-col .footer-menu ul li a{margin:0}.footer .footer-container .footer-row .footer-col .footer-sub p{color:#cdcdd4;font-size:14px}.footer .footer-container .footer-row .footer-col .footer-sub p em{color:#bf1140}.footer .footer-container .footer-row .footer-col .footer-sub a{cursor:pointer;opacity:.6;transition:all .3s}.footer .footer-container .footer-row .footer-col .footer-sub a:hover{opacity:1}.card{flex:0 0 33.333333%;max-width:33.333333%;padding-left:15px;padding-right:15px;position:relative}.card .card-item .card-single{margin-bottom:30px;overflow:hidden;position:relative;transition:all .2s ease}.card .card-item .card-single .card-img img{border:1px solid #bf114099;padding:15px;transition:opacity .7s ease;width:100%}.card .card-item .card-single .card-content{background:#0000;border:none;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:1;padding:16px;position:absolute;text-align:center;top:0;transition:opacity .2s ease;width:100%}.card .card-item .card-single .card-content h3{font-size:1.8vw;margin-top:150px;transition:margin-top .3s ease}.card .card-item .card-single .card-content a,.card .card-item .card-single .card-content h4,.card .card-item .card-single .card-content p{font-size:1.2vw;transition:font-size .3s ease}.card .card-item .card-single:hover .card-img img{opacity:.5}.card .card-item .card-single:hover .card-content{background:#000;border:1px solid #bf114099}.card .card-item .card-single:hover .card-content a,.card .card-item .card-single:hover .card-content h3,.card .card-item .card-single:hover .card-content h4,.card .card-item .card-single:hover .card-content h5,.card .card-item .card-single:hover .card-content p{margin:0 auto 10px}.card .card-item .card-single:hover .card-content a{margin-top:15px}.card .card-item .card-single .card-content{opacity:0}.card .card-item .card-single:hover .card-content{opacity:1}@media only screen and (max-width:1024px){.card{flex:0 0 50%;max-width:50%}.card .card-item .card-single .card-content h3{font-size:2.5vw;margin-top:150px}.card .card-item .card-single .card-content h4{font-size:1.8vw}.card .card-item .card-single .card-content a,.card .card-item .card-single .card-content p{font-size:1.5vw}}@media only screen and (max-width:768px){.card{flex:0 0 100%;max-width:100%}.card .card-item .card-single .card-content h3{font-size:4.5vw;margin-top:150px}.card .card-item .card-single .card-content h4{font-size:3.5vw}.card .card-item .card-single .card-content a,.card .card-item .card-single .card-content p{font-size:2.5vw}}@media only screen and (max-width:599px){.card .card-item .card-single:hover .card-content h3{font-size:6vw}.card .card-item .card-single:hover .card-content h4{font-size:4.5vw}.card .card-item .card-single:hover .card-content a,.card .card-item .card-single:hover .card-content p{font-size:3.5vw}}.popup{background-color:#000c;min-height:100%;position:fixed;width:100%;z-index:9999}.popup,.popup .popup-container{align-items:center;display:flex;justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%)}.popup .popup-container{background-color:#1c1d21;border:1px solid #bf114099;border-radius:2px;flex-direction:row;flex-wrap:wrap;padding:30px 60px 60px;position:absolute;text-align:center;width:50%}.popup .popup-container button{background-color:initial;border:1px solid #f9145999;border-radius:50%;color:#cdcdd4;cursor:pointer;height:40px;outline:none;position:absolute;right:calc(50% - 20px);top:-60px;transition:all .3s;width:40px;z-index:9999}.popup .popup-container button:hover{background-color:#bf1140}.popup .popup-container button .fa-icon{font-size:24px;transition:all .3s}.popup .popup-container button .fa-icon:hover{color:#cdcdd4}.popup .popup-container .popup-content{width:100%}.popup .popup-container .popup-content li{list-style:none}@media only screen and (max-width:599px){.popup .popup-container{padding:10px;width:90%}.popup .popup-container h3{margin:15px;width:100%}.popup .popup-container p{font-size:4vw}.popup .popup-container a{margin:15px auto 30px}.popup .popup-container .close-popup{margin:auto;position:static;right:auto;top:auto}}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden;text-align:left}.App{background-color:#070707;box-sizing:border-box;object-fit:cover;text-align:center;width:100vw}.btn{border:1px solid #bf114099;color:#cdcdd4;cursor:pointer;display:inline-block;height:50px;letter-spacing:1px;line-height:47px;margin-top:30px;padding:0 30px;text-decoration:none;text-transform:uppercase;transition:all .3s;white-space:nowrap}.btn:hover{background-color:#bf1140;color:#cdcdd4}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px grey}::-webkit-scrollbar-thumb{background:#bf1140;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#8c0b47}
/*# sourceMappingURL=main.ef721eb8.css.map*/