*,:after,:before{box-sizing:border-box}.Site{height:100vh;height:calc(var(--vh, 1vh)*100)}.Frame,.Site{background:#111;box-sizing:border-box;display:flex;flex-direction:column}.Frame{border:2px solid #e9ecef;border-radius:5px;height:100%;justify-content:space-between;margin:3vh;overflow:hidden}.react-icons{vertical-align:middle}p{line-height:1.2!important}@media screen and (max-width:524px){.Frame{margin:1.5vh}}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{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}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:Fira Code;font-style:normal;font-weight:400;src:local(""),url(/static/media/FiraCode-Regular.bf5ea52fa0094c7f7621.woff2) format("woff2"),url(/static/media/FiraCode-Regular.a25d3a54ca0de3944eb7.woff) format("woff")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Fira Code,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.Frame{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Fira Code,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.header{padding:1rem}.header nav ul{align-items:center;display:flex;justify-content:flex-end;list-style-type:none;margin:0;padding:0}.header nav ul li{margin-left:1rem;transition:.5s}.header nav ul li a{border-radius:4px;color:#e9ecef;display:block;overflow:hidden;padding:.3rem;position:relative;text-decoration:none;transition:.3s ease}.header nav ul li a:hover{background:#e9ecef;color:#111}.homeNavLink{background:none!important;border:1px solid #e9ecef;color:#e9ecef;overflow:hidden;padding-left:.5rem!important;padding-right:.5rem!important;z-index:1}.homeNavLink:before{background:#e9ecef;content:"";height:100%;left:0;position:absolute;top:100%;transition:top .3s ease;width:100%;z-index:-1}.homeNavLink:hover{color:#111}.homeNavLink:hover:before{top:0}@media screen and (max-width:524px){.header nav ul{font-size:1rem;justify-content:center}.header nav ul li{margin-left:.5rem;margin-right:.5rem}}@media screen and (max-width:224px){.header nav ul{font-size:.75rem;justify-content:center}.header nav ul li{margin-left:.5rem;margin-right:.5rem}}.footer{align-items:end;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:18px;margin-left:18px;margin-right:18px}.time{color:#e9ecef}.contactLinks nav ul{align-items:baseline;display:flex;flex-direction:row}.contactLinks nav ul li{display:flex;margin-left:14px}.contactLinks nav ul li a{align-items:center;border-radius:5px;color:#e9ecef;display:flex;font-size:2rem;padding:2px;transition:.3s ease}.contactLinks nav ul li a:hover{background:#e9ecef;color:#111}@media screen and (max-width:626px){.time{font-size:.8rem}.contactLinks nav ul li a{font-size:1.7rem}}@media screen and (max-width:524px){.time{font-size:.8rem}.contactLinks nav ul li a{font-size:1.5rem}}@media screen and (max-width:356px){.time{font-size:.65rem}.contactLinks nav ul li a{font-size:1.2rem}}.home{flex-grow:1;margin-bottom:18px;margin-left:18px;margin-right:18px}.Name-title,.home{display:flex;flex-direction:column;justify-content:center}.Name-title{align-items:left;color:#e9ecef;font-size:calc(10px + 2vmin);margin-left:12px;row-gap:10px}.Name-title h1{font-size:6rem}.Name-title p{font-size:1.93rem;min-height:2.45rem}.Name-title .Title-links{column-gap:16px;display:flex}.Name-title .Title-links a{color:#e9ecef;column-gap:5px;display:flex;font-size:1.2rem;margin-top:16px}.type:after{animation:cursor 1.1s step-start infinite;content:"_"}@keyframes cursor{50%{opacity:0}}@media screen and (max-width:1150px){.Name-title h1{font-size:4.5rem}.Name-title p{font-size:1.45rem}}@media screen and (max-width:730px){.Name-title h1{font-size:3.75rem}.Name-title p{font-size:1.2rem}}@media screen and (max-width:626px){.Name-title h1{font-size:3rem}.Name-title p{font-size:.96rem}.Name-title .Title-links a{font-size:1rem}}@media screen and (max-width:524px){.Name-title h1{font-size:2.2rem}.Name-title .Title-links a,.Name-title p{font-size:.8rem}}@media screen and (max-width:429px){.Name-title h1{font-size:2rem}.Name-title p{font-size:1.25rem;min-height:3rem}}@media screen and (max-width:357px){.Name-title h1{font-size:1.6rem}.Name-title p{font-size:1rem}.Name-title .Title-links a{font-size:.8rem}}@media screen and (max-width:289px){.Name-title h1{font-size:1.3rem}.Name-title p{font-size:.8rem}.Name-title .Title-links a{font-size:.65rem}}.about{flex-grow:1;margin-bottom:18px;margin-left:18px;margin-right:18px}.About-title,.about{display:flex;flex-direction:column;justify-content:center}.About-title{align-items:left;background:#111;color:#e9ecef;font-size:calc(10px + 2vmin);margin-left:12px;row-gap:10px}.About-title h1{font-size:6rem}.About-title .About-Text{display:flex;flex:1 1 auto;flex-direction:row}.About-title p{font-size:1.5rem;width:50rem}.About-title p a{color:#e9ecef}@media screen and (max-width:1150px){.About-title h1{font-size:4.5rem}.About-title p{font-size:1.53rem}}@media screen and (max-width:730px){.About-title h1{font-size:3.75rem}.About-title p{font-size:1.2rem}}@media screen and (max-width:626px){.About-title h1{font-size:3rem}.About-title p{font-size:.96rem}}@media screen and (max-width:524px){.About-title h1{font-size:2.2rem}.About-title p{font-size:.8rem}}@media screen and (max-width:429px){.About-title h1{font-size:2rem}.About-title p{font-size:.85rem}}@media screen and (max-width:357px){.About-title h1{font-size:1.6rem}.About-title p{font-size:.75rem}}@media screen and (max-width:289px){.About-title h1{font-size:1.3rem}.About-title p{font-size:.65rem}}.works{align-items:center;height:100vh;justify-content:center;overflow:hidden;position:relative}.works .project-container{display:flex;flex-direction:column;margin-left:12px;transition:transform .3s ease-in-out;width:100%}.works .project{display:flex;width:100%}.project{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px 20px 20vh;text-align:left}.project img{height:auto;margin:20px 0;max-width:100%}.project a,.project img{border:2px solid #e9ecef;border-radius:8px}.project a{color:#e9ecef;display:inline-block;margin-top:20px;padding:10px 20px;text-decoration:none}.projectTopContainer h1{color:#e9ecef;font-size:4rem;text-align:left}.projectContentContainer{display:flex;flex-direction:row;width:60%}.projectContentContainer img{max-width:40%;object-fit:contain}.projectDescriptionContainer{display:flex;flex-direction:column;justify-content:space-between;margin:20px 0 20px 3%}.projectDescriptionContainer p{color:#e9ecef;font-size:1.5rem}.projectLink{display:flex;font-size:1.7rem;justify-content:center;text-align:center}.projectLink a{color:#e9ecef;display:inline-block;overflow:hidden;position:relative;transition:color .3s ease;width:100%}.projectLink a:before{background:#e9ecef;content:"";height:100%;left:0;position:absolute;top:100%;transition:top .3s ease;width:100%;z-index:-1}.projectLink a:hover{color:#111}.projectLink a:hover:before{top:0}@media screen and (max-width:1150px){.projectTopContainer h1{font-size:2.5rem}.projectLink a,.projectTopContainer p{font-size:1.53rem}.projectContentContainer{width:80%}}@media screen and (max-height:580px){.projectTopContainer h1{font-size:2.5rem}.projectLink a,.projectTopContainer p{font-size:1.3rem}.projectContentContainer{width:80%}}@media screen and (max-height:560px){.projectTopContainer h1{font-size:2.3rem}.projectTopContainer p{font-size:1.1rem}.projectLink a{font-size:1.3rem}.projectContentContainer{width:80%}}@media screen and (max-width:730px){.projectTopContainer h1{font-size:2.1rem}.projectLink a,.projectTopContainer p{font-size:1.2rem}}@media screen and (max-width:626px){.projectTopContainer h1{font-size:1.7rem;width:93%}.projectLink a,.projectTopContainer p{font-size:.96rem}.projectContentContainer{width:93%}}@media screen and (max-width:524px){.projectTopContainer h1{font-size:1.3rem;text-align:center;width:93%}.projectLink a,.projectTopContainer p{font-size:.8rem}.project{padding-left:0}.projectContentContainer{align-items:center;flex-direction:column;width:93%}}@media screen and (max-width:429px){.projectTopContainer h1{font-size:1.3rem}.projectLink a,.projectTopContainer p{font-size:.85rem}}@media screen and (max-width:357px){.projectTopContainer h1{font-size:1.3rem}.projectLink a,.projectTopContainer p{font-size:.75rem}}@media screen and (max-width:289px){.projectTopContainer h1{font-size:1rem}.projectLink a,.projectTopContainer p{font-size:.65rem}}.project-nav{margin-right:5vh;position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:2}.project-nav,.project-nav .circles{align-items:center;display:flex;flex-direction:column}.project-nav .circles{margin:10px 0}.project-nav .circles .circle{border:2px solid #e9ecef;border-radius:50%;cursor:pointer;height:20px;margin:5px 0;transition:.3s ease;width:20px}.project-nav .circles .circle.active{background-color:#e9ecef}.project-nav .down-arrow,.project-nav .up-arrow{background:none;border:none;color:#111;cursor:pointer;font-size:24px;margin:10px 0;pointer-events:none;transition:.3s ease}.project-nav .down-arrow.visible,.project-nav .up-arrow.visible{color:#e9ecef;pointer-events:auto}@media screen and (max-width:730px){.project-nav{margin-right:2.5vh}}@media screen and (max-width:630px){.project-nav .circles{margin:0}.project-nav .circles .circle,.project-nav .circles .circle-active{height:15px;width:15px}}@media screen and (max-width:524px){.project-nav{margin-right:0;right:2.5vh}}@media screen and (max-width:430px){.project-nav .circles{margin:0}.project-nav .circles .circle,.project-nav .circles .circle-active{height:10px;margin:4px 0;width:10px}.project-nav .down-arrow,.project-nav .up-arrow{margin:5px 0}}.notFound{color:#e9ecef;display:flex;font-size:1rem;justify-content:center}
/*# sourceMappingURL=main.d76ef4df.css.map*/