@import url(https://fonts.googleapis.com/css2?family=Patua+One&family=Special+Elite&display=swap);@import url(https://fonts.googleapis.com/css2?family=Special+Elite&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@500;600;800;1000&display=swap);@import url(https://use.fontawesome.com/releases/v5.6.3/css/all.css);@import url(https://fonts.googleapis.com/css2?family=Bree+Serif&family=Open+Sans:ital,wght@0,300;0,400;1,300;1,400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500;600;700&display=swap);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{--blue:#44e4fc;--green:#00af54;--orange:#fb7c45;--yellow:#ffd639;--dark:#2c365e;--grey:#66666e;--cyan:#0ff;--red:red}*{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:initial}html{box-sizing:border-box}.App{height:100vh;overflow:scroll;width:100vw}html{background:#292426}body{left:0;position:fixed}.summaryCanvas{box-sizing:border-box;position:relative}.image-wrapper{bottom:20px;position:absolute;right:20px;z-index:-1}.headshot{-webkit-animation:animate-frame 18s linear infinite;animation:animate-frame 18s linear infinite;background-color:initial;background-size:cover;border-radius:50%;box-shadow:0 0 14px 10px hsla(0,0%,100%,.5);float:right;height:auto;object-fit:cover;right:20px;shape-outside:circle(50%);top:10px;width:200px}@-webkit-keyframes animate-frame{0%,to{border-radius:65% 70% 35% 55%/45% 60% 55% 75%}25%{border-radius:45% 55% 60% 75%/80% 65% 20% 45%}50%{border-radius:35% 65% 45% 35%/65% 35% 35% 65%}25%{border-radius:60% 70% 60% 40%/40% 60% 40% 60%}}@keyframes animate-frame{0%,to{border-radius:65% 70% 35% 55%/45% 60% 55% 75%}25%{border-radius:45% 55% 60% 75%/80% 65% 20% 45%}50%{border-radius:35% 65% 45% 35%/65% 35% 35% 65%}25%{border-radius:60% 70% 60% 40%/40% 60% 40% 60%}}.wave{-webkit-animation:wave-hand .75s ease-in-out infinite;animation:wave-hand .75s ease-in-out infinite;bottom:20px;font-size:5rem;height:100%;position:absolute;right:50px;width:100%;z-index:1}@-webkit-keyframes wave-hand{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes wave-hand{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@media only screen and (max-width:599px){.summary{padding-top:40px}#hi,#imA,#myNameIs,#ryan,#software{font-size:2rem;line-height:2rem;margin:0 auto}#ryan{text-shadow:-1px -1px #ffd639,1px 1px #fb7c45}.image-wrapper{bottom:10px;right:10px}.headshot{width:40%}.wave{font-size:2.5rem;width:30%;z-index:99}.easteregg{visibility:hidden}.email{font-size:2rem}.emailBox{font-size:.75rem;visibility:hidden}}@media only screen and (max-height:599px){#hi,#imA,#myNameIs,#ryan,#software{font-size:2rem;line-height:2rem;margin:0 auto}#ryan{text-shadow:-1px -1px #ffd639,1px 1px #fb7c45}}@media only screen and (max-width:430px) and (max-height:430px){#hi,#imA,#myNameIs,#ryan,#software{font-size:2.75rem;line-height:2.75rem;margin:0 auto}#ryan{text-shadow:-1px -1px #ffd639,1px 1px #fb7c45}.profile-pic,.wave{width:30%}}@media only screen and (min-height:600px) and (max-height:767px){#hi,#imA,#myNameIs,#ryan,#software{font-size:2.5rem;line-height:2.5rem;margin:0 auto}}.intro{border:2px dashed red;color:blue;font-family:Days One;font-size:1.5rem;height:10vh;padding:0;width:100%}.hi,.intro{position:relative}.hi{color:#747474;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:4rem;left:50px;width:25%}a,a:active,a:focus,a:hover{color:inherit;text-decoration:none}.my{color:#747474;font-size:1.6rem;top:20px;width:50%}.my,.name{border:2px dashed purple;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;left:50px;position:relative}.name{color:#9b9b9b;font-size:4rem;font-weight:700;text-shadow:2px 2px #d4d4d4;width:75%}.summary{flex-direction:column;font-family:Special Elite,Days One,Courier New,Courier,monospace;left:50%;overflow:hidden;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.summaryText{color:#e2e2e2;font-size:3rem;line-height:3rem;margin:10px 0;text-shadow:1px 1px #bababa}.ryan,.summaryText{font-weight:500;text-align:left;width:70vw}.ryan{color:var(--blue);font-family:Nunito;font-size:6rem;font-weight:800;line-height:4.5rem;margin:25px 0;text-shadow:.2rem .2rem #ffd639,-.2rem -.2rem #fb7c45}.software{color:var(--orange)}.portland{color:var(--yellow)}@-webkit-keyframes slide-left{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-left{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slide-up{0%{-webkit-transform:translateZ(160px) translateY(400px);transform:translateZ(160px) translateY(400px)}to{-webkit-transform:translateZ(0) translateY(0);transform:translateZ(0) translateY(0)}}@keyframes slide-up{0%{-webkit-transform:translateZ(160px) translateY(400px);transform:translateZ(160px) translateY(400px)}to{-webkit-transform:translateZ(0) translateY(0);transform:translateZ(0) translateY(0)}}@-webkit-keyframes scale-up{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes slide-rotate{0%{-webkit-transform:translateY(150px) translateZ(130px) rotateX(90deg);transform:translateY(150px) translateZ(130px) rotateX(90deg);-webkit-transform-origin:top center;transform-origin:top center}to{-webkit-transform:translateY(0) translateZ(0) rotateX(0deg);transform:translateY(0) translateZ(0) rotateX(0deg);-webkit-transform-origin:top center;transform-origin:top center}}@keyframes slide-rotate{0%{-webkit-transform:translateY(150px) translateZ(130px) rotateX(90deg);transform:translateY(150px) translateZ(130px) rotateX(90deg);-webkit-transform-origin:top center;transform-origin:top center}to{-webkit-transform:translateY(0) translateZ(0) rotateX(0deg);transform:translateY(0) translateZ(0) rotateX(0deg);-webkit-transform-origin:top center;transform-origin:top center}}@-webkit-keyframes slide-down{0%{-webkit-transform:translateZ(160px) translateY(-400px);transform:translateZ(160px) translateY(-400px)}70%{-webkit-transform:translateZ(160px) translateY(0);transform:translateZ(160px) translateY(0)}80%{-webkit-transform:translateZ(120px) translateY(10px);transform:translateZ(120px) translateY(10px)}90%{-webkit-transform:translateZ(80px) translateY(-10px);transform:translateZ(80px) translateY(-10px)}to{-webkit-transform:translateZ(0) translateY(0);transform:translateZ(0) translateY(0)}}@keyframes slide-down{0%{-webkit-transform:translateZ(160px) translateY(-400px);transform:translateZ(160px) translateY(-400px)}70%{-webkit-transform:translateZ(160px) translateY(0);transform:translateZ(160px) translateY(0)}80%{-webkit-transform:translateZ(120px) translateY(10px);transform:translateZ(120px) translateY(10px)}90%{-webkit-transform:translateZ(80px) translateY(-10px);transform:translateZ(80px) translateY(-10px)}to{-webkit-transform:translateZ(0) translateY(0);transform:translateZ(0) translateY(0)}}@-webkit-keyframes bounce-in-top{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:translateY(-500px);transform:translateY(-500px)}38%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}55%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translateY(-65px);transform:translateY(-65px)}72%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateY(0);transform:translateY(0)}81%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translateY(-28px);transform:translateY(-28px)}90%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateY(0);transform:translateY(0)}95%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translateY(-8px);transform:translateY(-8px)}to{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounce-in-top{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:translateY(-500px);transform:translateY(-500px)}38%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}55%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translateY(-65px);transform:translateY(-65px)}72%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateY(0);transform:translateY(0)}81%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translateY(-28px);transform:translateY(-28px)}90%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateY(0);transform:translateY(0)}95%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translateY(-8px);transform:translateY(-8px)}to{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes tilt-in-bl{0%{opacity:0;-webkit-transform:rotateY(35deg) rotateX(-20deg) translate(-250px,250px) skew(-12deg,-15deg);transform:rotateY(35deg) rotateX(-20deg) translate(-250px,250px) skew(-12deg,-15deg)}to{opacity:1;-webkit-transform:rotateY(0) rotateX(0deg) translate(0) skew(0deg,0deg);transform:rotateY(0) rotateX(0deg) translate(0) skew(0deg,0deg)}}@keyframes tilt-in-bl{0%{opacity:0;-webkit-transform:rotateY(35deg) rotateX(-20deg) translate(-250px,250px) skew(-12deg,-15deg);transform:rotateY(35deg) rotateX(-20deg) translate(-250px,250px) skew(-12deg,-15deg)}to{opacity:1;-webkit-transform:rotateY(0) rotateX(0deg) translate(0) skew(0deg,0deg);transform:rotateY(0) rotateX(0deg) translate(0) skew(0deg,0deg)}}@-webkit-keyframes tilt-in-br{0%{opacity:0;-webkit-transform:rotateY(-35deg) rotateX(-20deg) translate(250px,250px) skew(12deg,15deg);transform:rotateY(-35deg) rotateX(-20deg) translate(250px,250px) skew(12deg,15deg)}to{opacity:1;-webkit-transform:rotateY(0) rotateX(0deg) translate(0) skew(0deg,0deg);transform:rotateY(0) rotateX(0deg) translate(0) skew(0deg,0deg)}}@keyframes tilt-in-br{0%{opacity:0;-webkit-transform:rotateY(-35deg) rotateX(-20deg) translate(250px,250px) skew(12deg,15deg);transform:rotateY(-35deg) rotateX(-20deg) translate(250px,250px) skew(12deg,15deg)}to{opacity:1;-webkit-transform:rotateY(0) rotateX(0deg) translate(0) skew(0deg,0deg);transform:rotateY(0) rotateX(0deg) translate(0) skew(0deg,0deg)}}.appLink{text-align:center}.summary{align-items:center;display:flex;font-size:1.2em;justify-content:center;line-height:1.5em;margin:0 auto}.further{bottom:0;font-family:Special Elite,Days One,Courier New,Courier,monospace;height:10%;justify-content:space-evenly;margin-top:50px;position:absolute}.further,.proj3d,.projects,.resume{align-items:center;display:flex;flex-direction:row;width:100%}.proj3d,.projects,.resume{color:#747474;cursor:pointer;font-size:1.5rem;height:100%;justify-content:center;z-index:3}.proj3d:hover,.projects:hover,.resume:hover{background:#747474;color:#d4d4d4;font-weight:600;-webkit-transform:scale(1.2);transform:scale(1.2)}.proj3d:active,.projects:active,.resume:active{color:#d4d4d4}.summaryCanvas{height:100%;width:100%;z-index:-2}@-webkit-keyframes shake-lr{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}10%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}20%,40%,60%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}30%,50%,70%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}80%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}90%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}}@keyframes shake-lr{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}10%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}20%,40%,60%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}30%,50%,70%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}80%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}90%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}}.ryan:hover{-webkit-animation:flicker 1.75s ease-in-out infinite;animation:flicker 1.75s ease-in-out infinite}@-webkit-keyframes flicker{0%{opacity:0}10%{opacity:.25}10.1%{opacity:1}10.2%{opacity:.35}20%{opacity:0}20.1%{opacity:.1}20.6%{opacity:.8}30%{opacity:.6}30.1%{opacity:.3}30.5%{opacity:1}30.6%{opacity:.2}45%{opacity:.7}45.1%{opacity:1}50%{opacity:.4}55%{opacity:.1}55.1%{opacity:1}57%{opacity:.5}57.1%{opacity:.6}60%{opacity:.7}60.1%{opacity:.2}65%{opacity:.9}65.1%{opacity:1}75%{opacity:.2}75.1%{opacity:.4}77%{opacity:.7}77.1%{opacity:1}85%{opacity:.3}85.1%{opacity:.8}86%{opacity:.2}86.1%{opacity:.6}to{opacity:1}}@keyframes flicker{0%{opacity:0}10%{opacity:.25}10.1%{opacity:1}10.2%{opacity:.35}20%{opacity:0}20.1%{opacity:.1}20.6%{opacity:.8}30%{opacity:.6}30.1%{opacity:.3}30.5%{opacity:1}30.6%{opacity:.2}45%{opacity:.7}45.1%{opacity:1}50%{opacity:.4}55%{opacity:.1}55.1%{opacity:1}57%{opacity:.5}57.1%{opacity:.6}60%{opacity:.7}60.1%{opacity:.2}65%{opacity:.9}65.1%{opacity:1}75%{opacity:.2}75.1%{opacity:.4}77%{opacity:.7}77.1%{opacity:1}85%{opacity:.3}85.1%{opacity:.8}86%{opacity:.2}86.1%{opacity:.6}to{opacity:1}}.easteregg{align-items:center;bottom:15px;display:flex;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:3rem;height:50px;justify-content:center;padding:0;right:20px;width:50px}.easteregg,.emailBox{color:#fff;opacity:.85;position:fixed;visibility:hidden}.emailBox{bottom:30px;font-size:1.5rem;right:80px;transition:.5s ease-in-out;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;z-index:15}.mainstage{background:#f2f2f2;box-sizing:border-box;height:100vh;overflow:hidden;position:absolute;top:0;width:100vw;z-index:1}.mainstageCanvas{background:#292426;height:100%;position:relative;width:100%}.downArrow,.upArrow{height:25px;opacity:.25;width:30px}.downArrow:hover,.upArrow:hover{cursor:pointer;opacity:.65;-webkit-transform:scale(1.2);transform:scale(1.2)}.downArrow:active,.upArrow:active{opacity:1;-webkit-transform:scale(1.2) translateZ(-50%);transform:scale(1.2) translateZ(-50%)}.channel{background-color:initial;margin-bottom:20px;padding:10px 25px;z-index:3}.upDial{background:var(--yellow);border-radius:50%;box-sizing:border-box;height:2vh;left:2vw;position:absolute;top:2vh;width:4vw;z-index:2}.upDial:hover{cursor:pointer}.upDial:active{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.downDial,.upDial:active{transition:all .2s ease-in-out}.downDial{background:red;border-bottom-left-radius:50%;border-bottom-right-radius:50%;border-top-left-radius:50%;border-top-right-radius:50%;height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:100%;z-index:5}.upBtn{border-left:150px solid red}.downBtn,.upBtn{border-bottom:100px solid transparent;border-top:100px solid transparent}.downBtn{border-right:150px solid red}.downBtn,.upBtn{height:0;margin:0 auto;position:relative;text-align:center;transition:all .2s ease-in-out;width:0;z-index:5}.projectIframe iframe{background:#fff;border-radius:20px;height:1360px;margin-top:250px;width:1800px;z-index:12}@media screen and (max-width:479px){.projectIframe iframe{margin-top:250px}}iframe{overflow:hidden}.social-wrapper{left:140px;position:absolute;top:40px;z-index:6}.social-list li a{background-color:#fff;border:3px solid #fff;border-radius:15px;box-shadow:0 0 20px -14px #292426;display:block;font-size:25px;height:40px;line-height:40px;margin:0 10px;overflow:hidden;position:relative;text-align:center;width:40px}.social-list li a:before{background:red;content:"";height:100%;left:0;position:absolute;top:100%;transition:.5s;width:100%;z-index:8}.social-list{display:flex;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.social-list li{list-style:none}.social-list li a .icon{color:#0e1116;position:relative;transition:.5s;z-index:8}.social-list li a:hover .icon{color:#fff;-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}.social-list li a:hover:before{top:0}.social-list li:first-child a:before{background:#612599}.social-list li:nth-child(2) a:before{background:#1d9bf0}.social-list li:nth-child(3) a:before{background:#0072b1}.social-list li:nth-child(4) a:before{background:#0e1116}.portfolio-projects-canvas{height:100%;overflow:hidden;z-index:-10}.portfolio-projects-canvas,.space{background:var(--background);position:absolute;width:100%}.space{box-shadow:0 0 2px 1px hsla(0,0%,100%,.2);height:81px;top:0;z-index:3}.projectsWrapper{color:#fff;display:grid;flex-direction:column;height:100%;overflow:auto;overflow-x:hidden;padding:75px 0 50px}.card{margin:40px auto;max-width:800px;padding:0 20px}.card,.projectName{display:flex;z-index:2}.projectName{align-items:center;color:transparent;font-family:Special Elite,Courier New,Courier,monospace;font-size:4.5rem;line-height:3.25rem;margin-bottom:10px;text-shadow:-1px -1px rgba(251,124,69,.9),1px 1px rgba(255,214,57,.9);width:100%}.personal{color:var(--yellow)}.column{display:flex;flex-direction:column;justify-content:center;margin-top:30px;padding:0 30px;position:relative;width:50%}.right{font-family:Open Sans,Patua One,Special Elite,Courier New,Courier,monospace;font-size:1.1rem;font-weight:400;margin-top:20px;padding:0 30px;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;z-index:2}.projectImg{border-radius:5px;box-shadow:3px 3px 8px -1px hsla(0,0%,100%,.7);max-height:300px;max-width:300px}.linksBox{justify-content:space-evenly;margin-top:20px;width:100%}.ghBtn,.liveBtn{background:#f2f2f2;border:2px solid #fff;border-radius:5px;box-shadow:3px 3px 8px -1px var(--yellow);cursor:pointer;font-family:Special Elite,Courier New,Courier,monospace;font-size:1.5rem;font-weight:500;padding:10px}::-webkit-scrollbar{display:none}.ghBtn:hover,.liveBtn:hover{background:var(--blue);color:#fff;text-shadow:2px 2px var(--orange)}.ghBtn:active,.liveBtn:active{background:var(--orange);color:#fff;text-shadow:2px 2px var(--blue);-webkit-transform:scale(.95);transform:scale(.95)}@media (min-width:551px) and (max-width:780px){.projectImg{max-height:250px;max-width:250px}.card{flex-direction:column;margin:40px auto}.column{align-items:inherit;width:100%}.right{font-size:1.25rem;padding:0 20px;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.left,.right{margin-top:20px}.left{align-items:flex-start}.projectName{font-size:5rem;line-height:3.5rem}.linksBox{justify-content:space-evenly;width:100%}}@media (min-width:351px) and (max-width:550px){.card{align-items:flex-start;flex-direction:column;margin:30px auto;padding:0 10px;width:auto}.projectImg{max-height:200px;max-width:200px}.left{align-items:flex-start;margin-top:20px}.projectName{font-size:3.25rem;line-height:2.5rem}.right{font-size:1rem}}@media (max-width:350px){.card{align-items:flex-start;flex-direction:column;margin:30px auto;padding:0 10px;width:auto}.projectImg{max-height:200px;max-width:200px}.left{align-items:flex-start;margin-top:20px}.projectName{font-size:2.5rem;line-height:2rem}.right{font-size:1rem}.linksBox{justify-content:space-evenly;width:100%}}.projectsCanvas{height:10%;position:fixed;top:100px;width:100%;z-index:-10}.projectDesc{font-size:1.2rem}.personal,.projectDesc{font-family:Nunito,sans-serif;font-weight:400}.tools{font-weight:400}.projectTools{margin-top:-25px;opacity:.95;position:relative;right:0;width:100%}.toolImg{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);max-height:100px}.ghImg,.netlifyImg,.toolImg{display:inline;margin:0 5px;max-width:50px}.ghImg,.netlifyImg{max-height:50px}.linksBox{align-items:center;display:flex;flex-direction:row;justify-content:space-around}.githubLink,.netlifyLink{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Nunito,sans-serif;font-size:1.2rem;font-weight:800;justify-content:center;margin:0 5px;padding:0 5px;position:relative;text-decoration:none;transition:all .21s ease-in-out}.githubLink:hover,.netlifyLink:hover{box-shadow:-7px 7px 4px -4px #fff;color:var(--blue);-webkit-transform:translate(7px,-7px);transform:translate(7px,-7px)}.githubLink:active,.netlifyLink:active{box-shadow:-7px 7px 4px -4px #fff;color:var(--orange);-webkit-filter:invert(100%);filter:invert(100%);text-shadow:2px 2px var(--blue)}:root{--background:#292426}.navbar{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:1.2rem;font-weight:500;justify-content:space-evenly;position:fixed;right:0;top:12px;z-index:8}.navbar-links ul{-webkit-animation:scale-up-center .3s ease-in-out;animation:scale-up-center .3s ease-in-out;display:flex;font-family:Nunito,sans-serif;font-weight:1000;justify-content:flex-end;margin:5px 0;padding:0 10px;position:relative;text-align:right;top:-5px}.x-bar-left{top:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.x-bar-left,.x-bar-right{color:#fff;left:5px;position:relative;z-index:5}.x-bar-right{bottom:10px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.inactive{visibility:hidden}.navbar-links li{list-style:none}.scale-up-center{-webkit-animation:scale-up-center .4s ease-in-out both;animation:scale-up-center .4s ease-in-out both}.navbar-links li a{color:#fff;display:block;padding:1rem;text-decoration:none;z-index:3}.navbar-links li:hover{border-radius:5px;color:rgba(251,124,69,.95);-webkit-transform:scale(1.15);transform:scale(1.15)}.navbar-links li:active{color:var(--blue);-webkit-transform:scale(1);transform:scale(1);transition:all 5ms ease-in}.toggle-button{cursor:pointer;display:none;flex-direction:column;height:1.5rem;justify-content:space-between;position:absolute;right:1rem;top:1rem;transition:all .3s ease-in-out;width:2rem}.toggle-button .bar{background-color:#fff;border-radius:10px;box-shadow:0 0 2px #292426;height:.25rem;width:100%}.x-bar{border-radius:10px;color:#fff;font-size:2.5rem;left:0;position:relative;top:-17.5px;transition:all 1.3s ease-in-out}@media (max-width:730px){.toggle-button{display:flex}.navbar-links{display:none;width:100%}.navbar{align-items:flex-start;flex-direction:column}.navbar-links ul{background:rgba(41,36,38,.8);border-radius:10px;flex-direction:column;top:-10px;width:100%}.navbar-links li{text-align:center}.navbar-links li a{padding:.5rem 1rem}.navbar-links.active{display:flex;margin-right:50px;margin-top:10px;padding:0;width:auto}}.scrollable{background:#292426;height:100vh;width:100vw}.scrollableCanvas{background:#292426;height:100%;width:100%}.hoverText{background:#020202;border:2px dotted #fff;border-radius:10px;left:0;margin:0 auto;padding:10px;top:0}.contact-form-wrapper,.hoverText{position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.contact-form-wrapper{align-items:center;background:var(--grey);border-radius:.5rem;box-shadow:0 0 .5rem .25rem rgba(0,0,0,.25);display:flex;flex-direction:column;justify-content:center;left:50%;max-width:800px;min-width:600px;padding:0 1rem 15px;top:50%}@-webkit-keyframes formAnimation{0%{-webkit-transform:scale(.5);transform:scale(.5)}25%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes formAnimation{0%{-webkit-transform:scale(.5);transform:scale(.5)}25%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.contact-form{align-items:center;-webkit-animation:formAnimation .5s ease-in-out;animation:formAnimation .5s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:5px;display:flex;flex-direction:column;justify-content:center;max-width:800px;min-width:600px;padding:20px;text-align:left}.contact-form-wrapper h1{color:#fff;font-family:Nunito,sans-serif;font-size:2rem;font-weight:700;margin:1rem;text-align:center;text-shadow:0 0 1.5rem rgba(0,0,0,.5),3.5px 3.5px 1px var(--orange),4.5px 4.5px 1px var(--blue);width:100%}.contact-form input,.contact-form textarea{background:#0ff;border:1px solid #2c365e;border-radius:.25rem;box-shadow:0 0 .5rem .25rem hsla(0,0%,100%,.25);color:#2c365e;font-family:Special Elite,cursive;font-size:1rem;margin-bottom:1rem;padding:.5rem;width:100%}.contact-form input:focus,.contact-form textarea:focus{outline:1px solid #2c365e;transition:all .5s ease-in-out}.contact-form button{align-items:center;background:rgba(41,36,38,0);border:none;border-radius:.25rem;box-shadow:0 0 .5rem .25rem rgba(68,228,252,.7),inset 0 0 .5rem .25rem hsla(0,0%,100%,.25);color:#2c365e;color:#fff;cursor:pointer;display:flex;font-family:Special Elite,cursive;font-size:1.4rem;font-weight:600;justify-content:center;margin-top:10px;padding:10px .5rem .5rem;text-shadow:0 0 .25rem rgba(0,0,0,.5);transition:all .21s ease-in-out;width:60%}.contact-form button:hover{background-color:var(--orange);color:#0ff}.contact-form button:active{box-shadow:0 0 .5rem .25rem rgba(68,228,252,.7),inset 0 0 .5rem .25rem hsla(0,0%,100%,.25);-webkit-transform:scale(.95);transform:scale(.95);transition:all .1s ease-in-out}.contact-form button:focus{outline:1px solid #2c365e}
/*# sourceMappingURL=main.a186bfdb.css.map*/