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}#root,.App,.main,body,html{height:100%}.main .profile{-webkit-filter:grayscale(1);filter:grayscale(1);position:absolute;right:-50%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);max-height:675px;box-shadow:0 0 50px -20px #000}.main .section-1{display:inline-block;vertical-align:top;height:100%;width:38%;background-image:-webkit-gradient(linear,left top,left bottom,from(#4b21ff),to(#4820f3));background-image:linear-gradient(#4b21ff,#4820f3);position:relative}.main .section-1 .contacts{color:#fff;font-family:"Roboto",sans-serif;padding:0 40px 40px;font-size:18px;bottom:0;position:absolute;width:100%;box-sizing:border-box}.main .section-1 .contacts>div{margin-bottom:25px}.main .section-1 .contacts>div>div{margin-bottom:10px}.main .section-1 .contacts .social-media>a>img{width:30px;-webkit-filter:invert(1);filter:invert(1)}.main .section-2{height:100%;width:62%;display:inline-block;vertical-align:top;position:relative}.main .bio{position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);font-family:"Roboto",sans-serif;font-size:18px}.main .bio .name{font-size:40px;text-transform:uppercase;font-weight:700;line-height:45px}.main .bio .name .first{color:#222}.main .bio .name .last{color:#4820f3}.main .bio .title{font-size:18px;margin-top:10px;font-weight:600}.main .bio .description{margin-top:30px;max-width:315px}.main .bio .works{margin-top:30px}.main .bio .works a{padding:10px 30px;font-size:20px;border-radius:25px;text-align:center;text-decoration:none}.main .bio .works a:hover{opacity:.5}.main .bio .works .github{margin-right:20px;color:#fff;border:2px solid #4820f3;background-image:-webkit-gradient(linear,left top,left bottom,from(#4b21ff),to(#4820f3));background-image:linear-gradient(#4b21ff,#4820f3)}.main .bio .works .medium{background:#fff;border:2px solid #222;color:#222}@media only screen and (max-width:1400px){.main .profile{max-height:400px;top:40px;left:40px;-webkit-transform:translate(0);transform:translate(0)}}@media only screen and (max-width:1000px){.main .profile{max-height:300px;top:40px;left:40px;-webkit-transform:translate(0);transform:translate(0)}}
/*# sourceMappingURL=main.fa9601f0.chunk.css.map */