@import url(https://fonts.googleapis.com/css?family=Nunito);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-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}#root{height:100vh}@-webkit-keyframes bounce{0%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes bounce{0%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}.slide-in-fwd-center{-webkit-animation:slide-in-fwd-center .4s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-fwd-center .4s cubic-bezier(.25,.46,.45,.94) both}.slide-in-fwd-bottom{-webkit-animation:slide-in-fwd-bottom 1s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-fwd-bottom 1s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes slide-in-fwd-center{0%{opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slide-in-fwd-center{0%{opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes slide-in-fwd-bottom{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in-fwd-bottom{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}body{background-color:#673ab7;font-family:Nunito;overflow:hidden}#carousel{bottom:0;height:100%;left:0;margin:auto;right:0;top:0;width:100%}.arrow{cursor:pointer;font-size:1em;position:absolute;text-align:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .5s;width:40px;z-index:20}.arrow-right{right:1.5rem}.arrow-left{left:.5rem}.grow:active,.grow:hover{-webkit-transform:scale(1.1);transform:scale(1.1);transition:all .5s ease-in-out}.item{color:#fff;font-size:40px;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:box-shadow 1s,height .25s,width .25s,left 1s,margin-top 1s,line-height .25s,background-color 1s}.level-2{height:32%;left:15%;line-height:32%;max-width:300px;width:32%}.level-1{height:38%;left:30%;line-height:38%;max-width:350px;width:38%}.level0{height:45%;left:50%;line-height:45%;max-width:400px;-webkit-transform-origin:left top;transform-origin:left top;width:45%}.level0:active,.level0:hover{height:53%;transition:all .5s ease-in-out;width:53%}.level1{height:38%;left:70%;line-height:38%;max-width:350px;width:38%}.level2{height:32%;left:85%;line-height:32%;max-width:300px;width:32%}.level-2,.level2{z-index:0}.level-1,.level1{z-index:1}.level0{z-index:2}.left-enter{height:-8%;left:85%;line-height:2%;opacity:0;width:-8%}.left-enter.left-enter-active{left:85%;transition:box-shadow 1s,left 1s,opacity 1s,height .25s,width .25s,margin-top 1s,line-height 1s}.left-enter.left-enter-active,.left-leave{height:32%;line-height:32%;opacity:1;width:32%}.left-leave{left:15%;z-index:-1}.left-leave.left-leave-active{height:-8%;left:15%;line-height:120px;opacity:0;transition:box-shadow 1s,left 1s,opacity 1s,height .25s,width .25s,margin-top 1s,line-height 1s;width:-8%;z-index:-1}.right-enter{height:-8%;left:15%;line-height:2%;opacity:0;width:-8%}.right-enter.right-enter-active{left:15%;transition:box-shadow 1s,left 1s,opacity 1s,height .25s,width .25s,margin-top 1s,line-height 1s}.right-enter.right-enter-active,.right-leave{height:32%;line-height:32%;opacity:1;width:32%}.right-leave{left:85%}.right-leave.right-leave-active{height:-8%;left:85%;line-height:2%;opacity:0;transition:box-shadow 1s,left 1s,opacity 1s,height .25s,width .25s,margin-top 1s,line-height 1s;width:-8%}#Site{background-color:#efeadd;height:100%;width:100%}#IntroPrompt{left:0;margin:0 auto;position:absolute;right:0;text-align:center;top:50%}#IntroPromptText{-webkit-animation:bounce 3s ease-in-out infinite;animation:bounce 3s ease-in-out infinite;font-family:VT323,monospace;font-size:4rem}#Intro-About{left:10%;top:25%}#About,#Intro-About{position:absolute;z-index:2}#About{left:1rem;top:1rem;transition:all .75s ease-in-out}#Me{width:100%}#Intro-Projects{left:0;margin:0 auto;right:0;top:25%}#Intro-Projects,#Projects{position:absolute;z-index:2}#Projects{right:1rem;top:1rem;transition:all .75s ease-in-out}#ProjArrowLeft{-webkit-transform:scaleX(-1);transform:scaleX(-1)}#Intro-Contact{right:10%;top:25%}#Contact,#Intro-Contact{position:absolute;z-index:2}#Contact{bottom:1rem;right:1rem;transition:all .75s ease-in-out}#ContactForm{font-family:VT323,monospace;font-size:1.5rem;margin:0 auto;text-align:center;top:30%;width:60%}#AnimBGContainer,#ContactForm{left:0;position:absolute;right:0}#AnimBGContainer{bottom:0;margin:auto;max-width:600px;padding:2rem;top:0}#AnimBG{margin-top:50%}.fuzzed{-webkit-filter:blur(1px) grayscale(40%);filter:blur(1px) grayscale(40%);transition:all .5s ease-in-out}.Content{background:#ccc;background:radial-gradient(circle,hsla(0,0%,80%,.8) 20%,hsla(0,0%,100%,0) 60%);height:100vh;top:0;width:100%}#ContentTextContainer,.Content{bottom:0;left:0;position:absolute;right:0}#ContentTextContainer{font-family:VT323,monospace;font-size:1.5rem;margin:auto;max-width:350px;top:20%}#AboutTitle{text-align:center}#AboutText,#AboutTitle{font-size:1rem}#Title{bottom:1rem;left:1rem;position:absolute;width:20%;z-index:2}.logos{width:80%}.card{background-position:50%;background-repeat:no-repeat;background-size:contain;height:20%;overflow:hidden;width:25%}.hidden{opacity:0}.hidden,.shown{transition:all .25s ease-in-out}.shown{opacity:1}.formEntry{margin:.5rem 0;padding:.5rem 0;width:100%}#FormSubmit{background-color:#00008b;color:#fff;width:50%}.noselect{-webkit-user-select:none;-html-user-select:none;user-select:none}@media only screen and (max-width:600px){#ContactForm{top:10%}#ContentTextContainer{max-width:300px}#Me{width:50%}#Title{width:40%}}
/*# sourceMappingURL=main.bf6b900f.css.map*/