body,html{height:100%}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{height:100%}.App{display:flex;height:auto}.MobileNavigation{display:none}.Navigation{width:20%;height:100vh;display:flex;align-items:center;padding:0 50px}.Menu{width:100%;float:left}.Menu ul{margin:0;list-style-type:none}.Menu ul li{margin:0;width:100%;float:left}.Menu ul li a{text-decoration:none;color:#767676;display:inline-block;font-weight:500;font-family:"Montserrat";font-size:15px;letter-spacing:.5px;line-height:30px;transition:all .3s ease}.Menu ul li a.active,.Menu ul li a:hover{color:#000;letter-spacing:2px}.Content{width:80%;height:100%;background-color:#f8f8f8;border-left:1px solid #ebebeb}.Section{transition:transform .3s ease .3s,opacity 0s ease .3s}.VisitCard{display:flex;justify-content:center;align-items:center;min-height:100vh}.Avatar{height:300px;width:300px;position:relative;border-radius:100%}.Image{background-image:url(/static/media/avatar.252bd256.jpg);background-size:cover;background-repeat:no-repeat;background-position:50%;position:absolute;top:0;left:0;right:0;bottom:0;height:300px;animation:morph 8s ease-in-out infinite;background-blend-mode:multiply;box-shadow:inset 0 0 0 9px hsla(0,0%,100%,.3)}.Details{margin-left:40px}.Name{font-size:45px;font-weight:800;text-transform:uppercase;margin:0 0 14px;line-height:1.4}.Job,.Name{font-family:"Montserrat"}.Job{font-style:italic;font-size:20px;font-weight:500;max-width:450px;margin-bottom:30px;color:#767676;line-height:30px;letter-spacing:.5px}.SocialLinks{width:100%;float:left}.SocialLinks ul{margin:0;list-style-type:none;padding:0}.SocialLinks ul li{margin:0 12px 0 0;display:inline-block}.SocialLinks ul li svg{width:17px;height:17px}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.AboutPage{width:100%;height:auto;clear:both;float:left;padding:100px 0}.Portfolio span{display:inline-block;text-transform:uppercase;padding:4px 10px;font-weight:600;font-size:12px;color:#333;font-family:"Montserrat";letter-spacing:0;margin-bottom:11px;background-color:rgba(0,0,0,.04)}.Portfolio .List{display:flex;flex-direction:row;flex-wrap:wrap}.Portfolio .Project{min-height:350px;width:calc(50% - 60px);background-color:#f0fff0;margin:30px}@media only screen and (max-width:1024px){.App{flex-direction:column}.Navigation{display:none}.MobileNavigation{display:flex;padding:20px;justify-content:flex-end}.MobileNavigation ul{margin:0;list-style-type:none;padding:0}.MobileNavigation ul li{display:inline;margin-left:10px}.MobileNavigation ul svg{width:20px;height:20px}.Content{width:100%;border:none;padding:15px 0 0}.VisitCard{flex-direction:column}.VisitCard .Avatar{margin-bottom:30px}.VisitCard .Details{margin:0;text-align:center}}
/*# sourceMappingURL=main.07e9c46c.chunk.css.map */