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}nav{z-index:100;position:absolute;top:0;max-width:100vw;min-width:100vw}.bg-light{background-color:initial!important}.navbar{width:100%;z-index:100;padding-top:4.5%}.navbar-brand{margin-left:4%;color:#fff!important;border:2px solid transparent;background-color:#000;width:4vw;height:4vw;text-align:center;align-items:center;font-size:2vw;font-family:Bilbo,cursive}.sticky{top:0;position:fixed}#navbarNav{display:flex;justify-content:flex-end}.navbar-nav{margin-right:3%;font-family:Roboto,sans-serif;font-weight:300}.nav-link{font-size:1.1vw}.clicked,.nav-link:hover{opacity:.5}.notclicked{opacity:1}.white{color:#fff!important}.black{color:#000!important}#body{color:#fff;height:100vh}#body,#homecontent{position:relative;cursor:grab}#homecontent{height:90%;overflow:hidden;background-color:#000}#divider{height:10%;background-color:#fff}canvas{top:-7vh;right:0;bottom:0;left:0;margin:auto;border:4px solid hsla(0,0%,100%,.5);z-index:0}.name,canvas{position:absolute}.name{top:30%;text-align:center;border:none;z-index:2;width:100%}.name,.name h1,.name h3{background-color:initial}.name h1,.name h3{color:#fff;z-index:20}.name h1{letter-spacing:.9em;font-size:2.8vw;margin-top:4%}.name h1,.name h3{font-family:Playfair Display,serif}.name h3{letter-spacing:.7em;font-size:1.8vw}#a,#b,#c,#c2,#d,#d2,#e,#f,#g{transition:all .2s ease-in-out}#a:hover,#b:hover,#c2:hover,#c:hover,#d2:hover,#d:hover,#e:hover,#f:hover,#g:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}#a:active,#b:active,#c2:active,#c:active,#d2:active,#d:active,#e:active,#f:active,#g:active{-webkit-transform:scale(.9);transform:scale(.9)}#aboutBody{min-height:100vh;margin-bottom:1%;cursor:grab}.aboutContent{margin-left:16%}#aboutdivider{margin-top:13%;height:64vh}.shortIntro{margin-top:0;top:11%}.shortIntro p{font-size:4vw;line-height:1em;font-family:Playfair Display,serif}.shortIntro .shortIntrotext{font-size:3.8vw;line-height:1.8em;font-family:Zapf Humanist,serif}#me{padding-top:20%;height:100vh}#chloe{border-radius:50%;width:10vw;height:13vw;overflow:hidden;margin:8% auto 0 0;background-image:url(https://images.unsplash.com/photo-1533134486753-c833f0ed4866?auto=format&fit=crop&ixid=eyJhcHBfaWQiOjEyMDd9&ixlib=rb-1.2.1&q=80&w=1950);background-size:cover}img{width:100%}#paragraph{width:92%;line-height:2em;opacity:.8;padding-top:6%;font-family:Playfair Display,serif}#paragraph h2{font-size:1.4vw;font-weight:700}#paragraph h2,#paragraph p{font-family:Roboto,sans-serif}#paragraph p{padding-top:4%;color:#000;font-size:1vw}#skill{margin-top:10%;clear:both}.skillContent p,.skillContent p:active,.skillContent p:focus,.skillContent p:hover{text-decoration:none;font-size:1.2vw;font-weight:700;font-family:Roboto,sans-serif}#skill ul{padding-left:0}#skill li{margin-bottom:3.5%;padding:1%;transition:.4s ease-in .5s;font-size:1vw;font-family:Roboto,sans-serif}.count{position:absolute;float:left;bottom:1.1vw;font-weight:500!important;font-size:.89vw!important;transition:all .2s ease .3s}#count1{left:6.1vw}#count2{left:5.8vw}#count3{left:11.4vw}.transli{opacity:0}.grayli{opacity:.1}.blackli{opacity:1}#skill ul{list-style-type:none}#svgwrapper{position:relative;bottom:-10vw}.path{stroke-dasharray:2000;-webkit-animation:dash 5s linear infinite alternate;animation:dash 5s linear infinite alternate}@-webkit-keyframes dash{0%{stroke-dashoffset:2000}to{stroke-dashoffset:0}}@keyframes dash{0%{stroke-dashoffset:2000}to{stroke-dashoffset:0}}#projectBody{clear:both;background-color:#111;background-image:url(https://images.unsplash.com/photo-1545486332-9e0999c535b2?auto=format&fit=crop&ixid=eyJhcHBfaWQiOjEyMDd9&ixlib=rb-1.2.1&q=80&w=668);background-repeat:repeat-x}#projectWrapper h1{color:#fff;opacity:.1;font-size:15vw;position:absolute;font-family:Playfair Display,serif}.ant-tabs-nav-scroll{display:flex;justify-content:center}.ant-tab-nav{width:100%!important}.ant-tabs-bar{border-bottom:none}.ant-tabs-tab{color:#fff;padding-bottom:0;font-size:1.1vw;opacity:.8;font-weight:700;font-family:Roboto,sans-serif!important}.ant-tabs-nav .ant-tabs-tab:hover{color:hsla(0,0%,100%,.7);font-weight:700}.ant-tabs-nav .ant-tabs-tab-active{color:#fff;font-weight:700}.ant-tabs-ink-bar{background-color:#fff;height:.05rem;margin-bottom:2.6%!important;opacity:.4}.ant-tabs-tabpane{margin-top:3%}.cardbody{padding:0}#projectWrapper{margin-top:12%;width:84%;height:100%}#projectContent{margin-top:10%;font-family:Playfair Display,serif}.col-8{flex:0 0 64%;max-width:64%}.offset-2{margin-left:16%}.card{background-color:initial;margin-top:20%;margin-bottom:25%}.card h2{margin-top:10%;opacity:.9;font-size:2.2vw}.card h2,.card p{color:#fff;text-align:center}.card p{opacity:.8;font-size:1vw}.right .card div{text-align:right}#cardwrapper{overflow:hidden}#background,#background:hover{transition:all .5s ease .1s}#background:hover{-webkit-transform:scale(1.04);transform:scale(1.04);overflow:hidden}.ant-modal-footer{opacity:0;height:0}.ant-modal-close-x{position:absolute;right:0}.ant-modal-close-x i svg{width:0;height:auto}.ant-modal-body{padding:0}.ant-carousel{height:30%}.ant-modal-close{height:100%}.ant-modal{top:0;width:50vw!important}.ant-carousel .slick-dots-bottom{bottom:2.3vw}h3 img{height:auto}#left,#right{width:4.8vw;padding-top:1vw;padding-bottom:1vw;background-color:rgba(0,0,0,.3);text-align:center}#left i svg,#right i svg{width:1.3vw;height:1.3vw;color:#fff}#right{margin-right:0;z-index:20}#arrow{min-width:100%;position:relative;top:-5vw}#arrow .arrowcol{justify-content:space-between}.projectContent{padding-left:4%;padding-right:4%;padding-bottom:2%;margin-top:-3%;font-family:Playfair Display,serif}.projectContent #modaltitle{font-size:3vw;margin-bottom:6%}.projectContent li,.projectContent p{font-size:.9vw}.projectContent a{color:#000;opacity:.7;transition:all .3s ease .3s;font-size:1vw}.projectContent a:hover{opacity:.5;transition:all .3s ease .3s}#code{margin-left:8%}#contactBody{clear:both;background-image:url(https://images.unsplash.com/photo-1527607976958-7cbb4a6d0131?auto=format&fit=crop&ixid=eyJhcHBfaWQiOjEyMDd9&ixlib=rb-1.2.1&q=80&w=2743);background-size:cover;width:100%;min-height:100vh}#contactWrapper{background-color:#000;opacity:.5;width:100%;position:absolute}#contactContent{padding-top:7.5%;z-index:20}.contactLine p{color:#fff;font-size:4.4vw;font-family:Playfair Display,serif;margin-bottom:0;-webkit-transform:scaleY(1.1);transform:scaleY(1.1);letter-spacing:2px;opacity:.9}.email{padding-top:10%}.email p{color:#fff;font-size:1.4vw;font-family:Playfair Display,serif;opacity:.9}.w-75{width:66%!important}.contactLink{margin-top:15%}.linkwrapper{padding:0;margin-right:1%}.contactLink p{text-align:center;font-family:Playfair Display,serif;opacity:.9}.contactLink p,.contactLink p a{color:#fff;font-size:1vw}.linkwrapper p,.linkwrapper p:active,.linkwrapper p:focus,.linkwrapper p:hover{text-decoration:none}.contactLink .col-1{flex:0 0 7.333333%;max-width:7.333333%}.linkwrapper p:before{left:0}.linkwrapper p:after,.linkwrapper p:before{content:"";position:absolute;top:65%;height:1px;width:0;background-color:hsla(0,0%,100%,.8)}.linkwrapper p:after{left:3%;transition:all .5s ease .3s}.linkwrapper:hover p:before{width:90%;-webkit-transform:translateX(100%);transform:translateX(100%);background-color:hsla(0,0%,100%,0);transition:.5s ease-out}.linkwrapper:hover p:after{width:90%;transition:all .4s ease;transition-delay:.3s}#homeContainer{position:relative}#main{display:block}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items: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)}}
/*# sourceMappingURL=main.4e883f1c.chunk.css.map */