body,figure,h1,h2,h3,h4,h5,p,ul{padding:0;margin:0}html{font-size:100%}body{font-family:Open Sans,sans-serif;color:#242424}a:link,a:visited{color:#242424;text-decoration:none}::-moz-selection{background-color:#ebebeb;color:#242424}::selection{background-color:#ebebeb;color:#242424}p{line-height:1.4rem}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);visibility:visible;opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);visibility:visible;opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.bg{background-repeat:no-repeat;background-size:105%;background-position:center bottom -4.66667vw}@media screen and (max-width:800px){.bg{background-repeat:no-repeat;background-size:auto 105%;background-position:left -4.24242vh center}}.App{height:100vh;position:relative;overflow-x:hidden;overflow-y:hidden;z-index:1;background-image:url(/static/media/name_tag_bottom_intro.b0add281.svg),url(/static/media/animation.cb83afb9.gif);background-size:105%,70%;background-position:center bottom -4.66667vw,50%}@media screen and (max-width:800px){.App{overflow-y:scroll;background-image:url(/static/media/name_tag_left_intro.b4312abd.svg);background-size:auto 105%;background-position:left -4.24242vh center}}.Contacts{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:20px 0}@media screen and (max-width:600px){.Contacts{position:absolute;width:100%;bottom:0}}.email,.social{margin-right:50px}@media screen and (max-width:600px){.email,.social{margin-right:20px}}.about:link,.about:visited,.email:link,.email:visited,.social a:link,.social a:visited{color:#bfbfbf}@media screen and (max-width:800px){.about:link,.about:visited,.email:link,.email:visited,.social a:link,.social a:visited{color:#242424}}.about:hover,.email:hover,.social a:hover{color:#242424}.social{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.social a{margin:0 10px}.About{background-image:url(/static/media/name_tag_bottom.d2aaf9bd.svg);height:100%;width:100%;position:relative;-webkit-animation:bgFadeIn 1s forwards;animation:bgFadeIn 1s forwards}@media screen and (max-width:800px){.About{background-image:url(/static/media/name_tag_left.63e6a5d8.svg)}}@media screen and (max-width:600px){.About{height:220%;background-image:none}}.about-me{position:absolute;width:35%;top:50px;left:30%;opacity:0;-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);-webkit-animation:slideInDown .6s .3s forwards;animation:slideInDown .6s .3s forwards}@media screen and (max-width:800px){.about-me{width:calc(100% - 100vh / 1100 * 140 * 4 / 3 - 170px);left:calc(100vh / 1100 * 140 * 4 / 3 + 30px);top:80px}}@media screen and (max-width:600px){.about-me{width:calc(100% - 120px);left:30px;top:50px}}.about-me p{margin-bottom:1rem}.about-me a:link,.about-me a:visited{text-decoration:underline}.about-me .quote{text-transform:lowercase;margin-top:50px}@-webkit-keyframes bgFadeIn{0%{background-color:hsla(0,0%,92%,0)}to{background-color:#ebebeb}}@keyframes bgFadeIn{0%{background-color:hsla(0,0%,92%,0)}to{background-color:#ebebeb}}.thumbs{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:fixed;right:35px;top:calc(50% - 10 * 50px / 2);z-index:10}@media screen and (max-width:600px){.thumbs{top:calc(50% - 10 * 40px / 2);right:20px}}.thumb{width:50px;height:50px;position:relative;background-color:#242424;background-size:cover}@media screen and (max-width:600px){.thumb{width:40px;height:40px}}.thumb .tag{position:absolute;right:100vw;top:0;height:50px;width:200px;line-height:50px;text-align:right;color:#bfbfbf;-webkit-animation:slideMeOut .5s forwards;animation:slideMeOut .5s forwards}@media screen and (max-width:800px){.thumb .tag{display:none}}.thumb:hover .tag{-webkit-animation:slideMeIn .5s forwards;animation:slideMeIn .5s forwards}.back-to-home{position:fixed;top:30px;right:54px;color:#ebebeb;z-index:1}.back-to-home.black{color:#242424}@media screen and (max-width:600px){.back-to-home{right:34px}}.thumb-1{background-color:#d1d1d1}.thumb-2{background-color:#bdbdbd}.thumb-3{background-color:#a8a8a8}.thumb-4{background-color:#949494}.thumb-5{background-color:#7f7f7f}.thumb-6{background-color:#6b6b6b}.thumb-7{background-color:#565656}.thumb-8{background-color:#424242}.thumb-9{background-color:#2d2d2d}.thumb-10{background-color:#181818}.thumb-11{background-color:#040404}.thumb-12{background-color:#000}@-webkit-keyframes slideMeIn{0%{right:100vw;opacity:0}10%{right:calc(100% + 100px);opacity:0}to{right:calc(100% + 10px);opacity:1}}@keyframes slideMeIn{0%{right:100vw;opacity:0}10%{right:calc(100% + 100px);opacity:0}to{right:calc(100% + 10px);opacity:1}}@-webkit-keyframes slideMeOut{0%{right:calc(100% + 10px);opacity:1}90%{right:calc(100% + 100px);opacity:0}to{right:100vw;opacity:0}}@keyframes slideMeOut{0%{right:calc(100% + 10px);opacity:1}90%{right:calc(100% + 100px);opacity:0}to{right:100vw;opacity:0}}.Work{background-image:url(/static/media/name_tag_bottom_inverse.0e80c8a7.svg);background-position:bottom calc(-100vw / 1500 * 210 / 3 + 80px);color:#ebebeb;height:100%;width:100%;display:-ms-flexbox;display:flex;padding-top:80px;position:relative}@media screen and (max-width:800px){.Work{-ms-flex-direction:column;flex-direction:column;height:calc(100% - 80px);background-size:auto 105%;background-image:url(/static/media/name_tag_left_inverse.b50ce9d6.svg);background-position:left -4.24242vh center}}@media screen and (max-width:600px){.Work{background-image:none;padding-top:50px;height:calc(190% - 50px)}}.Work:before{content:"";position:absolute;top:calc(50% - 25px);right:-100px;width:50px;height:50px;background-color:#000;border-radius:50%;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;z-index:-1;-webkit-animation:spread .4s forwards;animation:spread .4s forwards}.Work .col-left{width:calc(40% - 70px);text-align:right;margin-right:70px;opacity:0;-webkit-animation:slideInDown .6s .2s forwards;animation:slideInDown .6s .2s forwards}@media screen and (max-width:800px){.Work .col-left{text-align:left}}.Work .col-left .links{margin-top:25px;font-size:1rem}.Work .col-left .links a{margin-left:15px}@media screen and (max-width:800px){.Work .col-left .links a{margin-left:0;margin-right:15px}}.Work .col-left .links a:link,.Work .col-left .links a:visited{color:#ebebeb}.Work .col-right{width:40%;opacity:0;-webkit-animation:slideInDown .6s .5s forwards;animation:slideInDown .6s .5s forwards}.Work .col-right .description,.Work .col-right .tags{margin-bottom:50px}.Work .col-right .description a:link,.Work .col-right .description a:visited,.Work .col-right .tags a:link,.Work .col-right .tags a:visited{color:#ebebeb;text-decoration:underline}.Work .col-right .preview{max-width:100%;max-height:300px}@media screen and (max-width:800px){.Work .col-right{margin-top:60px}}.Work .col-left,.Work .col-right{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}@media screen and (max-width:800px){.Work .col-left,.Work .col-right{width:calc(100% - 100vh / 1100 * 140 * 4 / 3 - 150px);margin-left:16.9697vh}}@media screen and (max-width:600px){.Work .col-left,.Work .col-right{width:calc(100% - 120px);margin-left:30px}}@-webkit-keyframes spread{0%{width:50px;height:50px;top:calc(50% - 25px);right:-100px;opacity:.4;border-radius:50%}95%{width:3000px;height:3000px;top:calc(50% - 1500px);right:-100px;opacity:1;border-radius:50%}to{width:100%;height:100%;top:0;right:0;opacity:1;border-radius:0}}@keyframes spread{0%{width:50px;height:50px;top:calc(50% - 25px);right:-100px;opacity:.4;border-radius:50%}95%{width:3000px;height:3000px;top:calc(50% - 1500px);right:-100px;opacity:1;border-radius:50%}to{width:100%;height:100%;top:0;right:0;opacity:1;border-radius:0}}
/*# sourceMappingURL=main.b5c921f0.css.map*/