@import url(https://fonts.googleapis.com/css?family=Open+Sans);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.main-header{width:98%}#about{text-align:center;padding:50px;-webkit-animation:anim-lightspeed-in 1s ease forwards;animation:anim-lightspeed-in 1s ease forwards;color:#222020;font-size:70px}.hexagon-wrapper{text-align:left;text-align:initial;width:200px;height:200px;cursor:pointer}.hexagon,.hexagon-wrapper{margin:auto;display:-webkit-flex;display:flex}.hexagon{position:relative;width:28.75%;height:50%;color:#681919;background:#03484b;-webkit-align-content:center;align-content:center;-webkit-justify-content:center;justify-content:center;transition:.5s}.hexagon p{z-index:1;margin:auto;font-size:50px;color:transparent;color:#fff;background-clip:text;-webkit-background-clip:text}.hexagon:after,.hexagon:before{position:absolute;content:"";background:inherit;height:100%;width:100%;border-radius:0;transition:.5s;-webkit-transform-origin:center;transform-origin:center}.hexagon:before{-webkit-transform:rotate(60deg);transform:rotate(60deg)}.hexagon:after{-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}.hexagon:hover{border-radius:1000px;transition:.5s}.hexagon:hover:after,.hexagon:hover:before{border-radius:50px;transition:.5s}.clip-each{-webkit-clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%)}.clip-solid{width:400px;height:400px;background-position:50%;background-size:contain;background-repeat:no-repeat;background-color:#000}.icon-down:before{content:"Download";position:absolute;width:bolder}.barChart{margin:20px 0 40px;font-family:"Open Sans",sans-serif;color:#282828}.fill{background-color:#acaaaa;width:100%;-webkit-animation:anim-lightspeed-in 1s ease forwards;animation:anim-lightspeed-in 1s ease forwards}.skills{width:98%;max-width:960px;height:780px;height:788px;margin:auto;position:relative;z-index:1}.charts{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10}.chart:not(:first-child){margin-top:10px}.chart__title{display:block;margin:0 0 10px;font-weight:700;opacity:0;-webkit-animation:anim-lightspeed-in 1s ease forwards;animation:anim-lightspeed-in 1s ease forwards}.chart--prod .chart__title{-webkit-animation-delay:3.3s;animation-delay:3.3s}.chart--design .chart__title{-webkit-animation-delay:4.5s;animation-delay:4.5s}.chart--horiz{overflow:hidden}.chart__bar{height:30px;margin-bottom:10px;background:linear-gradient(270deg,#097b81,#034447);border-top-right-radius:4px;border-bottom-right-radius:4px;opacity:0;-webkit-animation:anim-lightspeed-in 1s ease forwards;animation:anim-lightspeed-in 1s ease forwards}.chart--dev .chart__bar:nth-of-type(11){-webkit-animation-delay:2.7s;animation-delay:2.7s}.chart--dev .chart__bar:nth-of-type(10){-webkit-animation-delay:2.5s;animation-delay:2.5s}.chart--dev .chart__bar:nth-of-type(9){-webkit-animation-delay:2.3s;animation-delay:2.3s}.chart--dev .chart__bar:nth-of-type(8){-webkit-animation-delay:2.1s;animation-delay:2.1s}.chart--dev .chart__bar:nth-of-type(7){-webkit-animation-delay:1.9s;animation-delay:1.9s}.chart--dev .chart__bar:nth-of-type(6){-webkit-animation-delay:1.7s;animation-delay:1.7s}.chart--dev .chart__bar:nth-of-type(5){-webkit-animation-delay:1.5s;animation-delay:1.5s}.chart--dev .chart__bar:nth-of-type(4){-webkit-animation-delay:1.3s;animation-delay:1.3s}.chart--dev .chart__bar:nth-of-type(3){-webkit-animation-delay:1.1s;animation-delay:1.1s}.chart--dev .chart__bar:nth-of-type(2){-webkit-animation-delay:.9s;animation-delay:.9s}.chart--dev .chart__bar:first-of-type{-webkit-animation-delay:.7s;animation-delay:.7s}.chart--prod .chart__bar:nth-of-type(2){-webkit-animation-delay:4.2s;animation-delay:4.2s}.chart--prod .chart__bar:first-of-type{-webkit-animation-delay:4s;animation-delay:4s}.chart--design .chart__bar:nth-of-type(4){-webkit-animation-delay:5.8s;animation-delay:5.8s}.chart--design .chart__bar:nth-of-type(3){-webkit-animation-delay:5.6s;animation-delay:5.6s}.chart--design .chart__bar:nth-of-type(2){-webkit-animation-delay:5.4s;animation-delay:5.4s}.chart--design .chart__bar:first-of-type{-webkit-animation-delay:5.2s;animation-delay:5.2s}.chart__label{padding-left:10px;line-height:30px;color:#fff}@-webkit-keyframes anim-lightspeed-in{0%{-webkit-transform:translateX(-200%);transform:translateX(-200%);opacity:1}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes anim-lightspeed-in{0%{-webkit-transform:translateX(-200%);transform:translateX(-200%);opacity:1}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.header-text{text-align:center;border-top:1px solid #fff}.header-text h1{margin-top:60px}.img{height:18rem}.card2{padding-left:3rem;padding-bottom:3rem;padding-right:3rem}.card:hover{-webkit-transform:translateY(-.9%);transform:translateY(-.9%);box-shadow:0 4rem 8rem rgba(0,0,0,.2)}.btn,.btn:hover{background-color:#e41b6f;border-color:#e41b6f}.Background{background:radial-gradient(ellipse at bottom,#1b2735 0,#090a0f 100%);height:100vh;overflow:hidden;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.Background,.button{font-family:"Anton",sans-serif}.button{float:left;min-width:250px;max-width:350px;display:block;margin:1em;font-size:18px;font-weight:700;padding:1em 2em;border:1px solid #fff;border-radius:2px;background:none;color:#e41b6f;vertical-align:middle;position:relative;z-index:1;-webkit-backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.button:focus{outline:none}.button--rayen{overflow:hidden;padding:0;width:230px}.button--rayen.button--inverted{color:#fff}.button--rayen:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;border:none;background:#e41b6f;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);color:#fff}.button--rayen.button--inverted:before{background:#fff;color:#37474f}.button--rayen>span{display:block}.button--rayen:before,.button--rayen>span{padding:1em 2em;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;transition-timing-function:cubic-bezier(.75,0,.125,1)}.button--rayen:hover:before{-webkit-transform:translateZ(0);transform:translateZ(0)}.button--rayen:hover>span{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.message{position:absolute;color:#fff;text-align:center;-webkit-align-items:center;align-items:center;font-family:"Anton",sans-serif}@-webkit-keyframes message-frames{0%{opacity:1}to{opacity:1}}@keyframes message-frames{0%{opacity:1}to{opacity:1}}.night{position:relative;width:100%;height:100%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.shooting_star{position:absolute;left:50%;top:50%;height:2px;background:linear-gradient(-45deg,#5f91ff,rgba(0,0,255,0));border-radius:999px;-webkit-filter:drop-shadow(0 0 6px #699bff);filter:drop-shadow(0 0 6px #699bff);-webkit-animation:tail 3s ease-in-out infinite,shooting 3s ease-in-out infinite;animation:tail 3s ease-in-out infinite,shooting 3s ease-in-out infinite}.shooting_star:before{transform:translateX(50%) rotate(45deg)}.shooting_star:after,.shooting_star:before{content:"";position:absolute;top:calc(50% - 1px);right:0;height:2px;background:linear-gradient(-45deg,rgba(0,0,255,0),#5f91ff,rgba(0,0,255,0));-webkit-transform:translateX(50%) rotate(45deg);border-radius:100%;-webkit-animation:shining 3s ease-in-out infinite;animation:shining 3s ease-in-out infinite}.shooting_star:after{transform:translateX(50%) rotate(45deg);-webkit-transform:translateX(50%) rotate(-45deg);transform:translateX(50%) rotate(-45deg)}.shooting_star:first-child{top:calc(50% - 71px);left:calc(50% - 58px)}.shooting_star:first-child,.shooting_star:first-child:after,.shooting_star:first-child:before{-webkit-animation-delay:4259ms;animation-delay:4259ms}.shooting_star:nth-child(2){top:calc(50% + 55px);left:calc(50% - 84px)}.shooting_star:nth-child(2),.shooting_star:nth-child(2):after,.shooting_star:nth-child(2):before{-webkit-animation-delay:9792ms;animation-delay:9792ms}.shooting_star:nth-child(3){top:calc(50% - 106px);left:calc(50% - 138px)}.shooting_star:nth-child(3),.shooting_star:nth-child(3):after,.shooting_star:nth-child(3):before{-webkit-animation-delay:5755ms;animation-delay:5755ms}.shooting_star:nth-child(4){top:calc(50% - 176px);left:calc(50% - 145px)}.shooting_star:nth-child(4),.shooting_star:nth-child(4):after,.shooting_star:nth-child(4):before{-webkit-animation-delay:8039ms;animation-delay:8039ms}.shooting_star:nth-child(5){top:calc(50% - 67px);left:calc(50% - 269px)}.shooting_star:nth-child(5),.shooting_star:nth-child(5):after,.shooting_star:nth-child(5):before{-webkit-animation-delay:1375ms;animation-delay:1375ms}.shooting_star:nth-child(6){top:calc(50% + 54px);left:calc(50% - 23px)}.shooting_star:nth-child(6),.shooting_star:nth-child(6):after,.shooting_star:nth-child(6):before{-webkit-animation-delay:3742ms;animation-delay:3742ms}.shooting_star:nth-child(7){top:calc(50% + 22px);left:calc(50% - 276px)}.shooting_star:nth-child(7),.shooting_star:nth-child(7):after,.shooting_star:nth-child(7):before{-webkit-animation-delay:7266ms;animation-delay:7266ms}.shooting_star:nth-child(8){top:calc(50% - 172px);left:calc(50% - 92px)}.shooting_star:nth-child(8),.shooting_star:nth-child(8):after,.shooting_star:nth-child(8):before{-webkit-animation-delay:3996ms;animation-delay:3996ms}.shooting_star:nth-child(9){top:calc(50% + 147px);left:calc(50% - 216px)}.shooting_star:nth-child(9),.shooting_star:nth-child(9):after,.shooting_star:nth-child(9):before{-webkit-animation-delay:8536ms;animation-delay:8536ms}.shooting_star:nth-child(10){top:calc(50% + 74px);left:calc(50% - 210px)}.shooting_star:nth-child(10),.shooting_star:nth-child(10):after,.shooting_star:nth-child(10):before{-webkit-animation-delay:2206ms;animation-delay:2206ms}.shooting_star:nth-child(11){top:calc(50% - 132px);left:calc(50% - 227px)}.shooting_star:nth-child(11),.shooting_star:nth-child(11):after,.shooting_star:nth-child(11):before{-webkit-animation-delay:2904ms;animation-delay:2904ms}.shooting_star:nth-child(12){top:calc(50% - 24px);left:calc(50% - 276px)}.shooting_star:nth-child(12),.shooting_star:nth-child(12):after,.shooting_star:nth-child(12):before{-webkit-animation-delay:616ms;animation-delay:616ms}.shooting_star:nth-child(13){top:calc(50% - 181px);left:calc(50% - 22px)}.shooting_star:nth-child(13),.shooting_star:nth-child(13):after,.shooting_star:nth-child(13):before{-webkit-animation-delay:2686ms;animation-delay:2686ms}.shooting_star:nth-child(14){top:calc(50% - 200px);left:calc(50% - 104px)}.shooting_star:nth-child(14),.shooting_star:nth-child(14):after,.shooting_star:nth-child(14):before{-webkit-animation-delay:5623ms;animation-delay:5623ms}.shooting_star:nth-child(15){top:calc(50% - 78px);left:calc(50% - 237px)}.shooting_star:nth-child(15),.shooting_star:nth-child(15):after,.shooting_star:nth-child(15):before{-webkit-animation-delay:4186ms;animation-delay:4186ms}.shooting_star:nth-child(16){top:calc(50% - 180px);left:calc(50% - 38px)}.shooting_star:nth-child(16),.shooting_star:nth-child(16):after,.shooting_star:nth-child(16):before{-webkit-animation-delay:4835ms;animation-delay:4835ms}.shooting_star:nth-child(17){top:calc(50% - 14px);left:calc(50% - 125px)}.shooting_star:nth-child(17),.shooting_star:nth-child(17):after,.shooting_star:nth-child(17):before{-webkit-animation-delay:1321ms;animation-delay:1321ms}.shooting_star:nth-child(18){top:calc(50% + 118px);left:calc(50% - 59px)}.shooting_star:nth-child(18),.shooting_star:nth-child(18):after,.shooting_star:nth-child(18):before{-webkit-animation-delay:3429ms;animation-delay:3429ms}.shooting_star:nth-child(19){top:calc(50% + 158px);left:calc(50% - 63px)}.shooting_star:nth-child(19),.shooting_star:nth-child(19):after,.shooting_star:nth-child(19):before{-webkit-animation-delay:61ms;animation-delay:61ms}.shooting_star:nth-child(20){top:calc(50% - 56px);left:calc(50% - 38px)}.shooting_star:nth-child(20),.shooting_star:nth-child(20):after,.shooting_star:nth-child(20):before{-webkit-animation-delay:2107ms;animation-delay:2107ms}@-webkit-keyframes tail{0%{width:0}30%{width:100px}to{width:0}}@keyframes tail{0%{width:0}30%{width:100px}to{width:0}}@-webkit-keyframes shining{0%{width:0}50%{width:30px}to{width:0}}@keyframes shining{0%{width:0}50%{width:30px}to{width:0}}@-webkit-keyframes shooting{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(300px);transform:translateX(300px)}}@keyframes shooting{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(300px);transform:translateX(300px)}}@-webkit-keyframes sky{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@keyframes sky{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}.card:hover{box-shadow:0 5px 16px 0 rgba(234,232,232,.47843137254901963);-webkit-transform:scale3d(1);transform:scale3d(1);transition-duration:.5s}a{transition:all .25s}.card{overflow:hidden;box-shadow:0 5px 15px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);transition:box-shadow .5s;border:none}.card:focus,.card:hover{box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)}.card-inverse .card-img-overlay{background-color:rgba(51,51,51,.85);border-color:rgba(51,51,51,.85)}.projects{background-color:#fff}button{font:1em sans-serif;font-size:large;text-transform:uppercase;padding:25px 80px;margin:15px 30px;background:#e41b6f;overflow:hidden;position:relative;border-radius:5px;border-color:#e41b6f;color:#fff}button:before{left:48%}button:active{background:#e41b6f;top:2px}button>span{display:inline-block;transition:all .5s}.icon-up:before{content:"↑";position:absolute}.btn-2:before{top:-100%;transition:all .5s}.btn-2:hover:before{top:30%}.btn-2:hover>span{-webkit-transform:translateY(300%);transform:translateY(300%)}.footer-container{height:200px;background:linear-gradient(18deg,#252934,#252934);padding-top:40px}.top-spacer{height:100vh}.bottom-spacer{height:110vh}.sticky{position:-webkit-sticky;position:sticky;top:0;left:0;right:0;z-index:10}.header{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;background-color:#11161f}.header li{height:40px}.header_link{padding:20px;color:#eee8e8;font-weight:700;border:none;border-bottom:3px solid transparent;cursor:pointer;outline:none;background-color:#11161f}.header_link a{color:#fff}.selected{border-bottom:3px solid #e41b6f;color:#e41b6f}.section{height:auto}.navbar{background-color:#fff}
/*# sourceMappingURL=main.7b2f02bb.chunk.css.map */