@import url(https://fonts.googleapis.com/css?family=Exo:400,700);@import url(https://fonts.googleapis.com/css?family=Press+Start+2P);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;color:wheat;scroll-behavior:smooth}.App{width:100vw}.aboutMe,.contact,.skills{height:50vh;width:100%}.aboutMe{background-color:#3991ee;height:100vh;min-height:650px;opacity:80%}.intro{background-color:#313de4c9;display:table;min-height:600px;padding-left:10%;width:100%}.name{display:table-cell;height:100vh;vertical-align:middle}.links{color:#b8bbbd;display:flex;flex-direction:row;justify-content:center;padding-right:10%;translate:0 300%}.links>div{padding-right:5%}#linkNames{font-size:20px;padding-bottom:10px}#linkNames:after{background-color:#b8bbbd;bottom:0;content:"";height:2px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;width:100%}#linkNames:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}#aboutMe,#contact,#projects,#skills{align-items:center;display:flex;flex-direction:column;justify-content:center}#aboutMe{background-color:#4f9ef3}#biography{display:flex;flex-direction:row;width:50%}.skills{align-items:center;background-color:#6f0b88;display:flex;flex-direction:column;justify-content:center;opacity:90%}#type{padding-bottom:15px}#skillsText{display:flex;flex-direction:row;gap:10%;justify-content:center;width:50%}#box{padding-top:6em}#contact{padding-top:60px}#contact,#contactForm{height:100%}.flex-container{flex-direction:column;height:100vh}.flex-container,.top-row{align-items:center;display:flex;justify-content:center}.top-row{justify-content:space-between;margin:0 auto;text-align:center;width:50%}.animation-container{box-sizing:border-box;display:inline-block;flex:4 1;height:-webkit-max-content;height:max-content}.bottom-row{align-items:center;display:flex;justify-content:center;justify-content:space-between;margin:0 auto;text-align:center;width:50%}.ReactComponent1,.ReactComponent2,h1{flex:1 1}a{background-image:linear-gradient(180deg,transparent 90%,wheat 0);background-repeat:no-repeat;background-size:0 100%;text-decoration:none;transition:background-size .4s ease}a:hover{background-size:100% 100%}.contact{align-items:center;background-color:#5d166e;font-size:x-large;height:30vh;justify-content:center;opacity:90%;text-align:center}.contact,.contact form{display:flex;flex-direction:column}.contact form{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contact input,textarea{background:none;border:none;border-bottom:1px solid #666;color:#ddd;font-size:18px;outline:none;padding:10px 0;resize:none;width:100%}.contact button{background:none;border:none;padding-top:1rem}.footer{align-items:center;background-color:#5d166e;display:flex;flex-direction:row;justify-content:center;opacity:90%}@media screen and (min-width:2560px) and (min-height:1000px){.aboutMe,.links{font-size:xx-large}.skills{font-size:x-large}.contact,.contact button,.contact input,textarea{font-size:xx-large}}@media screen and (min-width:1441px) and (max-width:2559px) and (min-height:1000px) and (max-height:1000px){.aboutMe,.contact,.contact button,.contact input,.links,.skills,textarea{font-size:x-large}}@media screen and (min-width:1024px) and (max-width:1440px) and (min-height:1000px) and (max-height:1000px){.contact,.contact button,.contact input,textarea{font-size:medium}}@media screen and (max-width:1023px) and (max-height:1000px){.aboutMe,.links{font-size:medium}.bottom-row,.top-row{flex-direction:column}.contact,.contact button,.contact input,.skills,textarea{font-size:medium}}@media screen and (max-height:1000px) and (max-width:1023px){.links{font-size:medium}.aboutMe{font-size:small}.bottom-row,.top-row{flex-direction:column}.skills{font-size:medium}}@media screen and (max-height:600px){.aboutMe,.contact,.skills{min-height:100vh}.aboutMe{font-size:small}.top-row{padding-bottom:10px}.animation-container{display:none}.bottom-row,.top-row{flex-direction:column}.contact,.contact button,.contact input,.footer button,.skills,textarea{font-size:x-small}}@media screen and (max-width:600px){.animation-container{display:none}}@media screen and (max-height:600px) and (max-width:600px){.links{font-size:x-small}}.bouncing-text{display:flex;font-family:arial black;font-size:6rem;position:relative}.b,.c,.e,.f,.g,.h,.n,.o,.u{color:#b8bbbd;text-shadow:0 3px #666769,0 5px #666769,0 7px #666769}@supports (-webkit-touch-callout:none){@media only screen and (max-device-width:767px){.bouncing-text{font-family:Helvetica,Arial,sans-serif}.b,.c,.e,.f,.g,.h,.n,.o,.u{color:#b8bbbd;text-shadow:0 1px #666769,0 2px #666769,0 3px #666769}}}@-webkit-keyframes bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(1.1,.9) translateY(0);transform:scale(1.1,.9) translateY(0)}30%{-webkit-transform:scale(.9,1.1) translateY(-55px);transform:scale(.9,1.1) translateY(-55px)}50%{-webkit-transform:scale(1.05,.95) translateY(0);transform:scale(1.05,.95) translateY(0)}58%{-webkit-transform:scale(1) translateY(-7px);transform:scale(1) translateY(-7px)}65%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(1.1,.9) translateY(0);transform:scale(1.1,.9) translateY(0)}30%{-webkit-transform:scale(.9,1.1) translateY(-55px);transform:scale(.9,1.1) translateY(-55px)}50%{-webkit-transform:scale(1.05,.95) translateY(0);transform:scale(1.05,.95) translateY(0)}58%{-webkit-transform:scale(1) translateY(-7px);transform:scale(1) translateY(-7px)}65%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.b{-webkit-animation:bounce 1s ease;animation:bounce 1s ease}.o{-webkit-animation:bounce 1s ease .1s;animation:bounce 1s ease .1s}.u{-webkit-animation:bounce 1s ease .2s;animation:bounce 1s ease .2s;margin-right:13px}.n{-webkit-animation:bounce 1s ease .3s;animation:bounce 1s ease .3s}.c{-webkit-animation:bounce 1s ease .4s;animation:bounce 1s ease .4s}.e{-webkit-animation:bounce 1s ease .5s;animation:bounce 1s ease .5s}.f{-webkit-animation:bounce 1s ease .6s;animation:bounce 1s ease .6s}.g{-webkit-animation:bounce 1s ease .7s;animation:bounce 1s ease .7s}.h{-webkit-animation:bounce 1s ease .8s;animation:bounce 1s ease .8s}.bouncing-text:after,.bouncing-text:before{border-radius:50%;content:"";height:5px;position:absolute;top:82px;width:50px;z-index:-1}.bouncing-text:before{-webkit-animation:scale 1s linear;animation:scale 1s linear;left:0}@-webkit-keyframes scale{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}25%{-webkit-transform:scaleX(.4);transform:scaleX(.4)}50%{-webkit-transform:scaleX(1);transform:scaleX(1)}75%{-webkit-transform:scaleX(.9);transform:scaleX(.9)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes scale{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}25%{-webkit-transform:scaleX(.4);transform:scaleX(.4)}50%{-webkit-transform:scaleX(1);transform:scaleX(1)}75%{-webkit-transform:scaleX(.9);transform:scaleX(.9)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.bouncing-text:after{-webkit-animation:scale 1s linear .1s;animation:scale 1s linear .1s;left:57px}@media screen and (min-width:2560px){.bouncing-text{font-size:10rem}}@media screen and (max-width:1023px){.bouncing-text{font-size:3rem}}*{margin:0;padding:0}body{font-family:Exo,sans-serif}.context{position:absolute;top:50vh;width:100%}.context h1{color:#fff;font-size:50px;text-align:center}.area{background:#000;background:-webkit-linear-gradient(270deg,#8f94fb,#4e54c8);height:100vh;position:fixed;width:100%;z-index:-1}.circles{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.circles li{-webkit-animation:animate 15s linear infinite;animation:animate 15s linear infinite;background:hsla(0,0%,100%,.412);bottom:-150px;display:block;height:20px;list-style:none;position:absolute;width:20px}.circles li:first-child{-webkit-animation-delay:0s;animation-delay:0s;height:80px;left:25%;width:80px}.circles li:nth-child(2){-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:12s;animation-duration:12s;height:20px;left:10%;width:20px}.circles li:nth-child(3){-webkit-animation-delay:4s;animation-delay:4s;height:20px;left:70%;width:20px}.circles li:nth-child(4){-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:18s;animation-duration:18s;height:60px;left:40%;width:60px}.circles li:nth-child(5){-webkit-animation-delay:0s;animation-delay:0s;height:20px;left:65%;width:20px}.circles li:nth-child(6){-webkit-animation-delay:3s;animation-delay:3s;height:110px;left:75%;width:110px}.circles li:nth-child(7){-webkit-animation-delay:7s;animation-delay:7s;height:150px;left:35%;width:150px}.circles li:nth-child(8){-webkit-animation-delay:15s;animation-delay:15s;-webkit-animation-duration:45s;animation-duration:45s;height:25px;left:50%;width:25px}.circles li:nth-child(9){-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:35s;animation-duration:35s;height:15px;left:20%;width:15px}.circles li:nth-child(10){-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:11s;animation-duration:11s;height:150px;left:85%;width:150px}@-webkit-keyframes animate{0%{border-radius:0;opacity:1;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}to{border-radius:50%;opacity:0;-webkit-transform:translateY(-1000px) rotate(2turn);transform:translateY(-1000px) rotate(2turn)}}@keyframes animate{0%{border-radius:0;opacity:1;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}to{border-radius:50%;opacity:0;-webkit-transform:translateY(-1000px) rotate(2turn);transform:translateY(-1000px) rotate(2turn)}}body{align-items:center;background-color:#d8d9f2;display:flex;justify-content:center;margin:0;min-height:100vh}.code-animation{height:20rem;width:20rem}.code-animation .lines path{stroke-dasharray:800;stroke-dashoffset:800}.code-animation.animating .lines path{-webkit-animation:coding .35s ease-out forwards;animation:coding .35s ease-out forwards}@-webkit-keyframes coding{to{stroke-dashoffset:0}}@keyframes coding{to{stroke-dashoffset:0}}.select-all{display:none}@media screen and (max-height:1000px) and (max-width:1023px){.code-animation{height:10rem;width:10rem}}.pacman{align-items:center;display:flex;flex-direction:column;height:200px;justify-content:center;margin:40px 10px;position:relative;width:200px}.pacman-top{-webkit-animation:spin1 .5s linear infinite;animation:spin1 .5s linear infinite;border-radius:100px 100px 0 0}.pacman-bottom,.pacman-top{background-color:#ff0;height:100px;width:200px}.pacman-bottom{-webkit-animation:spin2 .5s linear infinite;animation:spin2 .5s linear infinite;border-radius:0 0 100px 100px}@keyframes spin1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}}@keyframes spin2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(35deg);transform:rotate(35deg)}}@-webkit-keyframes spin1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}}@-webkit-keyframes spin2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(35deg);transform:rotate(35deg)}}@media screen and (max-height:1000px) and (max-width:1023px){.pacman{height:100px;width:100px}.pacman-top{-webkit-animation:spin1 .5s linear infinite;animation:spin1 .5s linear infinite;border-radius:100px 100px 0 0}.pacman-bottom,.pacman-top{background-color:#ff0;height:50px;width:100px}.pacman-bottom{-webkit-animation:spin2 .5s linear infinite;animation:spin2 .5s linear infinite;border-radius:0 0 100px 100px}}
/*# sourceMappingURL=main.fdcf15db.css.map*/