@import "https://fonts.googleapis.com/css2?family=Patua+One&family=Special+Elite&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500;600;700&display=swap";@import "https://use.fontawesome.com/releases/v5.6.3/css/all.css";@import "https://fonts.googleapis.com/css2?family=Bree+Serif&family=Open+Sans:ital,wght@0,300;0,400;1,300;1,400&display=swap";@import "https://fonts.googleapis.com/css2?family=Special+Elite&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@500;600;800;1000&display=swap";:root{--blue:#44e4fc;--green:#00af54;--orange:#fb7c45;--yellow:#ffd639;--dark:#2c365e;--grey:#66666e;--cyan:#0ff;--red:red}*{vertical-align:baseline;background:0 0;border:0;outline:0;margin:0;padding:0;font-size:100%}html{box-sizing:border-box}.App{width:100vw;height:100vh;overflow:scroll}html{background:#292426}body{position:fixed;left:0}:root{--background:#292426}.navbar{color:#fff;z-index:8;flex-direction:column;justify-content:space-evenly;align-items:center;font-size:1.2rem;font-weight:500;display:flex;position:fixed;top:12px;right:0}.navbar-links ul{text-align:right;justify-content:flex-end;margin:5px 0;padding:0 10px;font-family:Nunito,sans-serif;font-weight:1000;animation:.3s ease-in-out scale-up-center;display:flex;position:relative;top:-5px}.x-bar-left{color:#fff;z-index:5;position:relative;top:10px;left:5px;transform:rotate(45deg)}.x-bar-right{color:#fff;z-index:5;position:relative;bottom:10px;left:5px;transform:rotate(-45deg)}.inactive{visibility:hidden}.navbar-links li{list-style:none}.scale-up-center{animation:.4s ease-in-out both scale-up-center}.navbar-links li a{color:#fff;z-index:3;padding:1rem;text-decoration:none;display:block}.navbar-links li:hover{color:#fb7c45f2;border-radius:5px;transform:scale(1.15)}.navbar-links li:active{color:var(--blue);transition:all 5ms ease-in;transform:scale(1)}.toggle-button{cursor:pointer;flex-direction:column;justify-content:space-between;width:2rem;height:1.5rem;transition:all .3s ease-in-out;display:none;position:absolute;top:1rem;right:1rem}.toggle-button .bar{background-color:#fff;border-radius:10px;width:100%;height:.25rem;box-shadow:0 0 2px #292426}.x-bar{color:#fff;border-radius:10px;font-size:2.5rem;transition:all 1.3s ease-in-out;position:relative;top:-17.5px;left:0}@media (width<=730px){.toggle-button{display:flex}.navbar-links{width:100%;display:none}.navbar{flex-direction:column;align-items:flex-start}.navbar-links ul{background:#292426cc;border-radius:10px;flex-direction:column;width:100%;top:-10px}.navbar-links li{text-align:center}.navbar-links li a{padding:.5rem 1rem}.navbar-links.active{width:auto;margin-top:10px;margin-right:50px;padding:0;display:flex}}.social-wrapper{z-index:6;position:absolute;top:40px;left:140px}.social-list li a{text-align:center;background-color:#fff;border:3px solid #fff;border-radius:15px;width:40px;height:40px;margin:0 10px;font-size:25px;line-height:40px;display:block;position:relative;overflow:hidden;box-shadow:0 0 20px -14px #292426}.social-list li a:before{content:"";z-index:8;background:red;width:100%;height:100%;transition:all .5s;position:absolute;top:100%;left:0}.social-list{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.social-list li{list-style:none}.social-list li a .icon{color:#0e1116;z-index:8;transition:all .5s;position:relative}.social-list li a:hover .icon{color:#fff;transform:rotateY(360deg)}.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:#1877f2}.social-list li:nth-child(3) a:before{background:#0072b1}.social-list li:nth-child(4) a:before{background:#0e1116}.contact-form-wrapper{background:var(--grey);border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;min-width:600px;max-width:800px;padding:0 1rem 15px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 .5rem .25rem #00000040}@keyframes formAnimation{0%{transform:scale(.5)}25%{transform:scale(1.1)}to{transform:scale(1)}}.contact-form{text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:5px;flex-direction:column;justify-content:center;align-items:center;min-width:600px;max-width:800px;padding:20px;animation:.5s ease-in-out formAnimation;display:flex}.contact-form-wrapper h1{color:#fff;text-align:center;width:100%;text-shadow:0 0 1.5rem #00000080, 3.5px 3.5px 1px var(--orange), 4.5px 4.5px 1px var(--blue);margin:1rem;font-family:Nunito,sans-serif;font-size:2rem;font-weight:700}.contact-form input,.contact-form textarea{color:#2c365e;background:#0ff;border:1px solid #2c365e;border-radius:.25rem;width:100%;margin-bottom:1rem;padding:.5rem;font-family:Special Elite,cursive;font-size:1rem;box-shadow:0 0 .5rem .25rem #ffffff40}.contact-form input:focus,.contact-form textarea:focus{outline:1px solid #2c365e;transition:all .5s ease-in-out}.contact-form button{color:#fff;cursor:pointer;text-shadow:0 0 .25rem #00000080;background:#29242600;border:none;border-radius:.25rem;justify-content:center;align-items:center;width:60%;margin-top:10px;padding:10px .5rem .5rem;font-family:Special Elite,cursive;font-size:1.4rem;font-weight:600;transition:all .21s ease-in-out;display:flex;box-shadow:0 0 .5rem .25rem #44e4fcb3,inset 0 0 .5rem .25rem #ffffff40}.contact-form button:hover{background-color:var(--orange);color:#0ff}.contact-form button:active{transition:all .1s ease-in-out;transform:scale(.95);box-shadow:0 0 .5rem .25rem #44e4fcb3,inset 0 0 .5rem .25rem #ffffff40}.contact-form button:focus{outline:1px solid #2c365e}.portfolio-projects-canvas{background:var(--background);z-index:-10;width:100%;height:100%;position:absolute;overflow:hidden}.space{background:var(--background);z-index:3;width:100%;height:81px;position:absolute;top:0;box-shadow:0 0 2px 1px #fff3}.projectsWrapper{color:#fff;flex-direction:column;height:100%;padding:75px 0 50px;display:grid;overflow:hidden auto}.card{z-index:2;max-width:1000px;margin:40px auto;padding:0 20px;display:flex}.projectName{z-index:2;color:#0000;text-shadow:-1px -1px #fb7c45e6,1px 1px #ffd639e6;align-items:center;width:100%;margin-bottom:10px;font-family:Special Elite,Courier New,Courier,monospace;font-size:4.5rem;line-height:3.25rem;display:flex}.personal{color:var(--yellow)}.column{flex-direction:column;justify-content:center;width:50%;margin-top:30px;padding:0 30px;display:flex;position:relative}.right{z-index:2;width:fit-content;margin-top:20px;padding:0 30px;font-family:Open Sans,Patua One,Special Elite,Courier New,Courier,monospace;font-size:1.1rem;font-weight:400}.projectImg{border-radius:5px;width:420px;max-width:100%;height:auto;max-height:300px;box-shadow:3px 3px 8px -1px #ffffffb3}.linksBox{flex-direction:row;justify-content:space-evenly;width:100%;margin-top:20px;display:flex}.ghBtn,.liveBtn{box-shadow:3px 3px 8px -1px var(--yellow);cursor:pointer;background:#f2f2f2;border:2px solid #fff;border-radius:5px;padding:10px;font-family:Special Elite,Courier New,Courier,monospace;font-size:1.5rem;font-weight:500}::-webkit-scrollbar{display:none}.ghBtn:hover,.liveBtn:hover{color:#fff;background:var(--blue);text-shadow:2px 2px var(--orange)}.ghBtn:active,.liveBtn:active{color:#fff;background:var(--orange);text-shadow:2px 2px var(--blue);transform:scale(.95)}@media (width>=551px) and (width<=780px){.projectImg{max-width:250px;max-height:250px}.card{flex-direction:column;margin:40px auto}.column{align-items:inherit;width:100%}.right{width:fit-content;margin-top:20px;padding:0 20px;font-size:1.25rem}.left{align-items:flex-start;margin-top:20px}.projectName{font-size:5rem;line-height:3.5rem}.linksBox{justify-content:space-evenly;width:100%}}@media (width>=351px) and (width<=550px){.card{flex-direction:column;align-items:flex-start;width:auto;margin:30px auto;padding:0 10px}.projectImg{max-width:200px;max-height:200px}.left{align-items:flex-start;margin-top:20px}.projectName{font-size:3.25rem;line-height:2.5rem}.right{font-size:1rem}}@media (width<=350px){.card{flex-direction:column;align-items:flex-start;width:auto;margin:30px auto;padding:0 10px}.projectImg{max-width:200px;max-height: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{z-index:-10;width:100%;height:10%;position:fixed;top:100px}.projectDesc{font-family:Nunito,sans-serif;font-size:1.2rem;font-weight:400}.personal{font-family:Nunito,sans-serif;font-weight:400}.tools{font-weight:400}.projectTools{opacity:.95;width:100%;margin-top:-25px;position:relative;right:0}.toolImg{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);max-width:50px;max-height:100px;margin:0 5px;display:inline}.netlifyImg,.ghImg{max-width:50px;max-height:50px;margin:0 5px;display:inline}.linksBox{flex-direction:row;justify-content:space-around;align-items:center;display:flex}.githubLink,.netlifyLink{color:#fff;flex-direction:column;justify-content:center;align-items:center;margin:0 5px;padding:0 5px;font-family:Nunito,sans-serif;font-size:1.2rem;font-weight:800;text-decoration:none;transition:all .21s ease-in-out;display:flex;position:relative}.githubLink:hover,.netlifyLink:hover{color:var(--blue);transform:translate(7px,-7px);box-shadow:-7px 7px 4px -4px #fff}.githubLink:active,.netlifyLink:active{color:var(--orange);text-shadow:2px 2px var(--blue);filter:invert();box-shadow:-7px 7px 4px -4px #fff}.summaryCanvas{box-sizing:border-box;height:100%;position:relative}.image-wrapper{z-index:-1;position:absolute;bottom:20px;right:20px}.headshot{float:right;shape-outside:circle(50%);object-fit:cover;background-color:#0000;background-size:cover;border-radius:50%;width:200px;height:auto;animation:18s linear infinite animate-frame;top:10px;right:20px;box-shadow:0 0 14px 10px #ffffff80}@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%}}.wave{z-index:1;width:100%;height:100%;font-size:5rem;animation:.75s ease-in-out infinite wave-hand;position:absolute;bottom:20px;right:50px}@keyframes wave-hand{0%{transform:rotate(0)}50%{transform:rotate(10deg)}to{transform:rotate(0)}}@media only screen and (width<=599px){.summary{padding-top:40px}#hi,#myNameIs,#ryan,#software,#imA{margin:0 auto;font-size:2rem;line-height:2rem}#ryan{text-shadow:-1px -1px #ffd639,1px 1px #fb7c45}.image-wrapper{bottom:10px;right:10px}.headshot{width:40%}.wave{z-index:99;width:30%;font-size:2.5rem}.easteregg{visibility:hidden}.email{font-size:2rem}.emailBox{visibility:hidden;font-size:.75rem}}@media only screen and (height<=599px){#hi,#myNameIs,#ryan,#software,#imA{margin:0 auto;font-size:2rem;line-height:2rem}#ryan{text-shadow:-1px -1px #ffd639,1px 1px #fb7c45}}@media only screen and (width<=430px) and (height<=430px){#hi,#myNameIs,#ryan,#software,#imA{margin:0 auto;font-size:2.75rem;line-height:2.75rem}#ryan{text-shadow:-1px -1px #ffd639,1px 1px #fb7c45}.profile-pic,.wave{width:30%}}@media only screen and (height>=600px) and (height<=767px){#hi,#myNameIs,#ryan,#software,#imA{margin:0 auto;font-size:2.5rem;line-height:2.5rem}}.intro{color:#00f;border:2px dashed red;width:100%;height:10vh;padding:0;font-family:Days One;font-size:1.5rem;position:relative}.hi{color:#747474;width:25%;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:4rem;position:relative;left:50px}a,a:hover,a:focus,a:active{color:inherit;text-decoration:none}.my{color:#747474;border:2px dashed purple;width:50%;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:1.6rem;position:relative;top:20px;left:50px}.name{text-shadow:2px 2px #d4d4d4;color:#9b9b9b;border:2px dashed purple;width:75%;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:4rem;font-weight:700;position:relative;left:50px}.summary{flex-direction:column;justify-content:center;align-items:center;font-family:Special Elite,Days One,Courier New,Courier,monospace;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.summaryText{text-align:left;color:#e2e2e2;text-shadow:1px 1px #bababa;width:70vw;margin:10px 0;font-size:3rem;font-weight:500;line-height:3rem}.ryan{color:var(--blue);text-shadow:.2rem .2rem #ffd639,-.2rem -.2rem #fb7c45;text-align:left;cursor:pointer;width:70vw;margin:25px 0;font-family:Nunito;font-size:6rem;font-weight:800;line-height:4.5rem}.software{color:var(--orange)}.portland{color:var(--yellow)}@keyframes slide-left{0%{transform:translate(1000px)}to{transform:translate(0)}}@keyframes slide-up{0%{transform:translateZ(160px)translateY(400px)}to{transform:translateZ(0)translateY(0)}}@keyframes scale-up{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes slide-rotate{0%{transform-origin:top;transform:translateY(150px)translateZ(130px)rotateX(90deg)}to{transform-origin:top;transform:translateY(0)translateZ(0)rotateX(0)}}@keyframes slide-down{0%{transform:translateZ(160px)translateY(-400px)}70%{transform:translateZ(160px)translateY(0)}80%{transform:translateZ(120px)translateY(10px)}90%{transform:translateZ(80px)translateY(-10px)}to{transform:translateZ(0)translateY(0)}}@keyframes bounce-in-top{0%{opacity:0;animation-timing-function:ease-in;transform:translateY(-500px)}38%{opacity:1;animation-timing-function:ease-out;transform:translateY(0)}55%{animation-timing-function:ease-in;transform:translateY(-65px)}72%{animation-timing-function:ease-out;transform:translateY(0)}81%{animation-timing-function:ease-in;transform:translateY(-28px)}90%{animation-timing-function:ease-out;transform:translateY(0)}95%{animation-timing-function:ease-in;transform:translateY(-8px)}to{animation-timing-function:ease-out;transform:translateY(0)}}@keyframes tilt-in-bl{0%{opacity:0;transform:rotateY(35deg)rotateX(-20deg)translate(-250px,250px)skew(-12deg,-15deg)}to{opacity:1;transform:rotateY(0)rotateX(0)translate(0)skew(0deg)}}@keyframes tilt-in-br{0%{opacity:0;transform:rotateY(-35deg)rotateX(-20deg)translate(250px,250px)skew(12deg,15deg)}to{opacity:1;transform:rotateY(0)rotateX(0)translate(0)skew(0deg)}}.appLink{text-align:center}.summary{justify-content:center;align-items:center;margin:0 auto;font-size:1.2em;line-height:1.5em;display:flex}.further{flex-direction:row;justify-content:space-evenly;align-items:center;width:100%;height:10%;margin-top:50px;font-family:Special Elite,Days One,Courier New,Courier,monospace;display:flex;position:absolute;bottom:0}.projects,.resume,.proj3d{color:#747474;z-index:3;cursor:pointer;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;display:flex}.projects:hover,.resume:hover,.proj3d:hover{color:#d4d4d4;background:#747474;font-weight:600;transform:scale(1.2)}.projects:active,.resume:active,.proj3d:active{color:#d4d4d4}.summaryCanvas{z-index:-2;width:100%;height:100%}@keyframes shake-lr{0%,to{transform-origin:50%;transform:rotate(0)}10%{transform:rotate(8deg)}20%,40%,60%{transform:rotate(-10deg)}30%,50%,70%{transform:rotate(10deg)}80%{transform:rotate(-8deg)}90%{transform:rotate(8deg)}}.ryan:hover{animation:1.75s ease-in-out infinite flicker}@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{color:#fff;opacity:.85;visibility:hidden;justify-content:center;align-items:center;width:50px;height:50px;padding:0;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:3rem;display:flex;position:fixed;bottom:15px;right:20px}.emailBox{z-index:15;color:#fff;opacity:.85;visibility:hidden;width:fit-content;font-size:1.5rem;transition:all .5s ease-in-out;position:fixed;bottom:30px;right:80px}.resumePage{box-sizing:border-box;color:#fff;width:min(100%,900px);margin:110px auto 40px;padding:0 24px}.resumeHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.resumeHeader h1{margin-bottom:8px;font-size:2rem}.resumeHeader p{color:#dad5d7;line-height:1.5}.resumeActions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.resumeActions a{color:#fff;text-underline-offset:4px;padding:12px 0;display:inline-block}.resumeActions .resumeDownload{background:var(--blue);color:#192b36;border-radius:8px;padding:12px 18px;font-weight:700;text-decoration:none}.resumeActions a:hover{text-decoration:underline}.resumePage a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.resumePreview{background:#fff;display:block;box-shadow:0 12px 36px #0005}.resumeImg{width:100%;height:auto;display:block}@media (width<=730px){.resumePage{margin-top:96px;padding:0 16px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;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}