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}.App{height:100vh;text-align:center}.App-header{background-color:#373b41;color:#f3f3f3;display:flex;flex-direction:row;height:70px;position:fixed;width:100%;z-index:5}.Header-button{border-radius:15px;color:#f3f3f3;cursor:pointer;font-size:1.2em;font-weight:600;height:50px;line-height:50px;margin:10px;text-decoration:none;transition:.1s;width:130px}.Header-button:hover{background-color:#4a4f57;font-size:1.4em}.Header-button.selected{border-bottom:3px solid #fff}.App-body{align-items:center;background-color:#f3f3f3;color:#373b41;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100%}.App-link{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#d68f24,#cf3d62);-webkit-background-clip:text;background-clip:text;border:solid;border-image:linear-gradient(45deg,#d68f24,#cf3d62);border-image-slice:1 1;border-radius:20px;border-width:8px;font-weight:400;margin-left:20px;margin-right:20px;min-width:250px;padding:12px;text-decoration:none;transition:.3s}.App-link:hover{-webkit-text-fill-color:#f3f3f3;background-clip:initial}.Horizontal-buttons{display:inline;padding-top:30px;white-space:nowrap}.home-background{background-image:-webkit-linear-gradient(-30deg,#d68f24,#cf3d62);bottom:0;color:#373b41;left:0;position:fixed;right:0;top:0}.home-background,.home-content-container{align-items:center;display:flex;flex-direction:row;justify-content:center}.home-content-container{background-color:hsla(0,0%,95%,.2);background-image:none;height:100%;padding-left:80px;padding-right:80px}.home-content{align-items:center;background-color:#f3f3f3;display:flex;flex-direction:column;height:100%;justify-content:center;padding-left:min(10vw,70px);padding-right:min(10vw,70px)}.background-svg-holder{bottom:0;height:1024;position:absolute;right:0;z-index:-1}.scrolling-text-holder{color:#d68f24;display:inline-block;font-weight:600;height:1.5em;overflow-y:hidden;-webkit-transform:translateY(.4em);transform:translateY(.4em)}.scrolling-text{-webkit-animation:text-scroll 5s infinite;animation:text-scroll 5s infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes text-scroll{0%{color:#d68f24;-webkit-transform:translateY(0);transform:translateY(0)}28%{color:#d68f24;-webkit-transform:translateY(0);transform:translateY(0)}33%{color:#cf3d62;-webkit-transform:translateY(-25%);transform:translateY(-25%)}61%{color:#cf3d62;-webkit-transform:translateY(-25%);transform:translateY(-25%)}66%{color:#c648d1;-webkit-transform:translateY(-50%);transform:translateY(-50%)}95%{color:#c648d1;-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{color:#d68f24;-webkit-transform:translateY(-75%);transform:translateY(-75%)}}@keyframes text-scroll{0%{color:#d68f24;-webkit-transform:translateY(0);transform:translateY(0)}28%{color:#d68f24;-webkit-transform:translateY(0);transform:translateY(0)}33%{color:#cf3d62;-webkit-transform:translateY(-25%);transform:translateY(-25%)}61%{color:#cf3d62;-webkit-transform:translateY(-25%);transform:translateY(-25%)}66%{color:#c648d1;-webkit-transform:translateY(-50%);transform:translateY(-50%)}95%{color:#c648d1;-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{color:#d68f24;-webkit-transform:translateY(-75%);transform:translateY(-75%)}}.animation-container{height:100vh;left:0;overflow-x:hidden;overflow-y:hidden;pointer-events:none;position:absolute;top:0;width:100vw}.enter-animation{-webkit-animation:enterAnimation 1s 1;animation:enterAnimation 1s 1;background-color:#373b41;height:200vh;pointer-events:inherit;position:absolute;visibility:hidden;width:120vw;z-index:2}@-webkit-keyframes enterAnimation{0%{-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}10%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}to{opacity:90%;-webkit-transform:translateX(-120%) rotate(-20deg);transform:translateX(-120%) rotate(-20deg);visibility:visible}}@keyframes enterAnimation{0%{-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}10%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}to{opacity:90%;-webkit-transform:translateX(-120%) rotate(-20deg);transform:translateX(-120%) rotate(-20deg);visibility:visible}}.bottom-text{bottom:20px;font-size:20px;height:30px;position:absolute}.portfolio-page{background-position:50%;background-repeat:repeat;background-size:cover;height:100vh;width:100vw}.portfolio-page ul{text-align:left}.portfolio-page :link,.portfolio-page :visited{color:#fff}.link-fix{color:#7fffd4}.link-fix :visited{color:#add8e6}.normal-text{font-size:small;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;vertical-align:bottom}.portfolio-overlay{background-color:rgba(0,0,0,.533);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1}.portfolio-overlay-text{background-color:#373b41;color:#f3f3f3;font-size:large;left:calc(10% - 20px);max-height:80%;max-width:700px;min-height:60%;opacity:80%;overflow-y:scroll;padding:0 20px 20px;position:fixed;top:12%;width:80%}.portfolio-overlay-button{background:linear-gradient(180deg,#d68f24,#cf3d62);border-radius:10px;cursor:pointer;font-size:larger;padding:10px 20px;position:absolute;text-align:center;top:92%;vertical-align:middle}.portfolio-overlay-button,.portfolio-text-container{color:#f3f3f3;left:8%;left:calc(10% - 20px);overflow-y:scroll;width:80%}.portfolio-text-container{background-color:#373b41;font-size:large;max-height:80%;min-height:60%;opacity:80%;padding:0 20px 20px;position:fixed;top:12%}.no-space{display:inline-block}.portfolio-button-container{background:linear-gradient(180deg,#d68f24,#cf3d62);border-radius:10px;cursor:pointer;font-size:larger;padding:10px 20px;text-align:center;top:92%;vertical-align:middle;z-index:3}.portfolio-button-container,.project-container{color:#f3f3f3;left:8%;left:calc(10% - 20px);overflow-y:scroll;position:fixed;width:80%}.project-container{align-content:flex-start;background-color:#373b41;display:flex;flex-direction:row;flex-wrap:wrap;font-size:large;max-height:80%;min-height:60%;opacity:80%;padding:0 20px 20px;top:12%}.language-list{-webkit-column-gap:20px;column-gap:20px;display:flex;flex-direction:row;justify-content:center;margin-bottom:-8px;padding-top:4px;vertical-align:middle}.darken-background{background-color:rgba(0,0,0,.667);box-shadow:0 0 8px 8px rgba(0,0,0,.667);height:100%;width:100%}.project-title{flex-basis:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.project{-webkit-animation:fadein .4s normal;animation:fadein .4s normal;background-color:green;background-position:50%;background-size:cover;box-shadow:inset 0 0 8px 8px #373b41;cursor:pointer;flex-grow:1;font-size:larger;font-weight:600;margin:5px;max-width:360px;min-height:180px;padding:10px;text-decoration:none;text-shadow:0 3px #000;width:300px}@-webkit-keyframes fadein{0%{-webkit-filter:blur(5px);filter:blur(5px)}to{-webkit-filter:blur(0);filter:blur(0)}}@keyframes fadein{0%{-webkit-filter:blur(5px);filter:blur(5px)}to{-webkit-filter:blur(0);filter:blur(0)}}.project:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.title{font-size:x-large}@media screen and (min-width:600px){.portfolio-text-container{height:100%;left:8%;max-height:100%;padding-top:100px;top:0;width:40%}}
/*# sourceMappingURL=main.577f65b2.css.map*/