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}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:arbeit;src:url(/react-portfolio/static/media/arbeit-medium.aee7ea81.woff2)}*{box-sizing:border-box;color:#fff;font-family:"Heebo",sans-serif}body{background:linear-gradient(180deg,#0c1013 15%,#323f49)}header.header,main.main{width:100%;max-width:1600px;margin-left:auto;margin-right:auto}section{padding:40px 120px;position:relative}span.green{color:#8fe388}span.blue{color:#87c3e0}h1{font-size:65px;font-weight:800;padding-top:50px;font-family:"Heebo",sans-serif}h1.section-title{position:absolute;font-size:50px;left:10px;margin-left:20px;top:100px;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;-webkit-text-orientation:mixed;text-orientation:mixed;transform:rotate(-180deg)!important}p{font-size:18px;font-family:arbeit}.tw-heading{font-size:65px}header.header{left:0;right:0;padding:0 120px}div.nav{float:right;margin-right:-30px;height:80px;display:flex}div.nav a{font-family:"Heebo",sans-serif;font-weight:800;font-size:24px;display:block;margin:auto 30px auto auto;transition:.4s ease;background:linear-gradient(90deg,#eee 43%,#8fe388 53%) 0;background-size:300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent}div.nav a:hover{background-position:100%;cursor:pointer}img.logo{height:80px}img.logo:hover{cursor:pointer}section#hero{position:static}a.intro-link,a.project-text-link{text-decoration:none;transition:.5s ease;background:linear-gradient(90deg,#87c3e0 43%,#8fe388 53%) 0;background-size:300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent}a.intro-link:hover,a.project-text-link:hover{background-position:100%;cursor:pointer}h1.intro{padding-top:60px}section#work{position:relative}.projects{display:flex;flex-wrap:wrap;margin:0 -20px;justify-content:space-between}.project-container{width:33%}.project-container.selected{width:100%}.project{padding:14px;transition:all .1s ease}.selected-project{display:flex;padding:0;transition:all .15s ease}.project:hover{cursor:pointer}.project-info-container{height:100%;position:relative;flex:21 1;padding:14px}div.project-info-container div{padding:0}div.project-description p{margin:14px 0}.project-image-container{flex:19 1;position:relative;padding:0;margin:14px;height:-webkit-max-content;height:-moz-max-content;height:max-content}.project-image-container:hover .project-image{opacity:.3;cursor:pointer}.project-image-container:hover .link-container{opacity:1}.selected-project .project-image{border-radius:4px 4px 0 0;opacity:1;display:block;width:100%;height:auto;transition:.5s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;margin-top:0}div.link-container{transition:.5s ease;opacity:0;padding:0;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column}.selected-project a.project-link{display:block;text-align:center;width:100%;height:50%;text-decoration:none;padding:20px;color:#fff;border:none;transition:all .3s ease;background-size:300%;font-size:24px;display:flex;flex-direction:column;justify-content:center}a.project-link:hover{background-position:100%;cursor:pointer}a.live{background:linear-gradient(90deg,transparent 40%,rgba(144,227,136,.5137254901960784) 60%) 0;border-radius:4px 4px 0 0}a.repo{background:linear-gradient(90deg,transparent 40%,rgba(135,194,224,.5019607843137255) 60%) 0;border-radius:0 0 4px 4px}.project-image{margin-top:4px;width:100%;border-radius:2px;box-shadow:1px 1px 5px 0 rgba(0,0,0,.6);transition:all .1s ease}.project:hover .project-image{box-shadow:1px 1px 10px 0 rgba(0,0,0,.6);margin-top:0;margin-bottom:4px}h2.project-title{font-size:50px;font-weight:600;padding-top:0;margin-bottom:14px}@keyframes Bounce{0%,to{margin-bottom:10px;margin-top:0}20%{margin-bottom:8px;margin-top:2px}40%{margin-bottom:5px;margin-top:5px}45%{margin-bottom:2px;margin-top:8px}50%{margin-bottom:0;margin-top:10px}55%{margin-bottom:2px;margin-top:8px}60%{margin-bottom:5px;margin-top:5px}80%{margin-bottom:8px;margin-top:2px}}section#bio{padding-top:0}.bio-photo{float:left;width:33%;margin:0 40px 40px 0;border-radius:4px;box-shadow:1px 1px 5px 0 rgba(0,0,0,.6)}p.bio-text{letter-spacing:.06em;margin:40px 0}section#contact{clear:both}a.contact-link{padding-left:20px;position:relative;bottom:12px;font-size:50px;font-weight:900;display:inline-block;text-decoration:none;transition:.5s ease;color:#fff}a.contact-link span.tw-heading{font-size:50px}div.contact-link-container:hover{cursor:pointer}div.contact-link-container:hover span.tw-heading{color:#8fe388!important}.contact-link-container{margin-bottom:20px}div.contact-link-container:hover .Typewriter__cursor{visibility:visible}div.contact-link-container .Typewriter__cursor{visibility:hidden}@media only screen and (max-width:800px){div.nav{float:none;margin:auto;justify-content:space-between}div.nav a{margin:28px 0}.tw-heading,h1.intro{font-size:45px;padding:0}section{padding:20px 80px}h2.project-title{font-size:32px}.selected-project{flex-direction:column}h1.section-title{left:-4px}.contact-content img{height:42px}a.contact-link span.tw-heading,a.contact-link span.Typewriter__cursor{font-size:34px}}@media only screen and (max-width:600px){section{padding:20px}.tw-heading,h1.intro{font-size:40px}h1.section-title{padding-top:10px;position:static;font-size:40px;margin:0;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;transform:none!important}header.header{padding:0 20px}.project-image{box-shadow:none}.project-image-container:hover .project-image{opacity:1}.project-image-container{box-shadow:1px 1px 5px 0 rgba(0,0,0,.6)}div.link-container{opacity:1;position:static;flex-direction:row;transform:none;-ms-transform:none;height:60px}.selected-project a.project-link{height:100%}a.live{background-color:#53aa4b;border-radius:0 0 0 4px}a.repo{background-color:#4181a1;border-radius:0 0 4px 0}div.project{padding:10px}img.bio-photo{width:40%;margin-right:20px;margin-bottom:6px}.contact-content,img.bio-photo{margin-top:40px}.contact-content img{height:32px}a.contact-link span.tw-heading,a.contact-link span.Typewriter__cursor{font-size:20px}a.contact-link{bottom:8px;padding-left:10px}}@media (hover:none){.project-image{box-shadow:none}.project-image-container:hover .project-image{opacity:1}.project-image-container{box-shadow:1px 1px 5px 0 rgba(0,0,0,.6)}div.link-container{opacity:1;position:static;flex-direction:row;transform:none;-ms-transform:none;height:60px}.selected-project a.project-link{height:100%}a.live{background-color:#53aa4b;border-radius:0 0 0 4px}a.repo{background-color:#4181a1;border-radius:0 0 4px 0}}
/*# sourceMappingURL=main.2c344b3b.chunk.css.map */