@import"https://fonts.googleapis.com/css2?family=Lexend:wght@400;700&family=Lilita+One&display=swap";body,html{margin:0;padding:0;overflow-x:hidden;font-family:Lexend,sans-serif}h1,h2,h3,h4,h5,h6,.title{font-weight:400;font-family:Lilita One,cursive;margin-top:0}a{text-decoration:none}#app{position:fixed;width:100vw;height:100vh}.overworld{will-change:transform;height:100vh;position:absolute;left:0}.overworld .navigation-prompt{position:absolute;width:200px;text-align:center;left:120px;top:20vh}.overworld .navigation-prompt .arrow{width:65px}.overworld .ground{background-image:url(/imgs/grass.svg);background-size:contain;height:20vh;bottom:0%;position:absolute;width:100%}.overworld .content{will-change:transform;position:relative;height:100%;width:100%;display:flex;flex-direction:row}.overworld .content>.section{position:relative;height:100%}.overworld .content>.section>*{position:relative}.overworld .content>.section#intro{min-width:1920px}.overworld .content>.section#intro .banner{top:calc(20vh - 40px)}.overworld .content>.section#intro .speech-bubble{top:20vh}.overworld .content>.section#intro .sign{left:300px;bottom:20vh}.overworld .content>.section#intro .grass-leaf{left:500px;bottom:20vh}.overworld .content>.section#intro .bush{left:1300px;bottom:20vh}.overworld .content>.section#intro .tree{left:1600px;bottom:20vh}.overworld .content>.section#capabilities{width:200vw;max-width:1600px;display:flex}.overworld .content>.section#capabilities .heading{text-align:center;margin-bottom:50px}.overworld .content>.section#capabilities .bush{left:1100px;bottom:20vh}.overworld .content>.section#capabilities .inner-content{bottom:20vh;width:100%;display:flex;flex-direction:column;justify-content:flex-end}.overworld .content>.section#capabilities .capabilites{display:flex;flex-direction:row;align-items:stretch;justify-content:space-evenly;margin-bottom:100px}.overworld .content>.section#capabilities .capabilites .capability{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center}.overworld .content>.section#capabilities .capabilites .capability .star{margin-top:10px;width:8vh}.overworld .content>.section#capabilities .capabilites .capability .star.faded{opacity:25%}.overworld .content>.section#ladder{width:100vw}.overworld .content>.section#ladder .bush{left:1100px;bottom:20vh}.overworld .content>.section#ladder .grass-leaf{left:500px;bottom:20vh}.overworld .backgrounds{height:100%;width:100%;position:absolute;background:#D0F4F7}.overworld .backgrounds div{will-change:transform;background-size:contain;position:absolute;width:100%}.overworld .backgrounds .grass{height:34%;bottom:0;background-image:url(/imgs/grass-background.svg)}.overworld .backgrounds .cloud-1{height:50%;bottom:0%;background-image:url(/imgs/cloud-background-1.svg)}.overworld .backgrounds .cloud-2{height:60%;bottom:0%;background-image:url(/imgs/cloud-background-2.svg)}.overworld .backgrounds .clouds{height:50%;top:0%}.overworld .backgrounds .clouds cloud:nth-child(4n+1){position:absolute;background-image:url(/imgs/cloud-1.svg);background-size:contain;background-repeat:no-repeat}.overworld .backgrounds .clouds cloud:nth-child(4n+2){position:absolute;background-image:url(/imgs/cloud-2.svg);background-size:contain;background-repeat:no-repeat}.overworld .backgrounds .clouds cloud:nth-child(4n+3){position:absolute;background-image:url(/imgs/cloud-3.svg);background-size:contain;background-repeat:no-repeat}.overworld .backgrounds .clouds cloud:nth-child(4n+4){position:absolute;background-image:url(/imgs/cloud-4.svg);background-size:contain;background-repeat:no-repeat}.skyworld{left:0;will-change:transform;position:absolute;width:100vw}.skyworld .frame{background:url(/imgs/stretched-frame.svg);background-size:100% 100%;width:100vw;height:100vh;position:absolute;top:0}.skyworld.clipped{clip-path:polygon(0 0,0 100vh,100vw 100vh,100vw 0)}.skyworld .background{background:linear-gradient(to top,#D0F4F7,#1da0ab);width:100%;height:calc(100% - 80vh + 2px);position:absolute}.skyworld .ladder{height:100%;background-image:url(/imgs/ladder.svg);background-size:contain;width:150px;left:128px;position:absolute;background-position:bottom}.skyworld .heading{position:absolute;top:100vh;width:100%}.skyworld .heading .title{padding:30px;background:white;margin:0 auto;width:200px;text-align:center;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.skyworld .frozen-player{visibility:hidden;position:absolute;bottom:20vh;left:120px;height:200px;width:174px;background-image:url(/imgs/adrian-sprite.svg);background-size:contain;background-repeat:no-repeat;background-size:100% 500%;background-position:100% 75%}.skyworld .content{will-change:transform;position:relative;width:100%;display:flex;flex-direction:column}.skyworld .content>.section{position:relative}.skyworld .content>.section>*{position:relative}.skyworld .content>.section#technologies{width:55vw;max-width:1200px;margin:0 auto}.skyworld .content>.section#technologies .speech-bubble{margin-bottom:150px;margin-top:150px}.skyworld .content>.section#technologies .bush{left:1100px;bottom:20vh}.skyworld .content>.section#technologies .technologies{display:flex;flex-direction:column}.skyworld .content>.section#technologies .technologies .technology{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:300px;flex-wrap:wrap;align-content:center}.skyworld .content>.section#technologies .technologies .technology h2{margin-bottom:0;width:200px;text-align:center}.skyworld .content>.section#technologies .technologies .technology .coin.faded{opacity:25%}.skyworld .content>.section#technologies .technologies .technology .notes{display:flex;flex:100%;justify-content:center;margin-top:20px}.skyworld .content>.section#technologies .technologies .technology .notes h4{margin-bottom:0}.castleWorld{position:absolute;height:100%;width:100%;background:#1b2121}.castleWorld .ceiling{background-image:url(/imgs/castle-ceiling.svg);background-size:contain;height:10%;top:0;width:100%;position:absolute;padding-right:1px;margin-left:-1px}.castleWorld .ground{background-image:url(/imgs/castle-floor.svg);background-size:contain;height:20vh;bottom:0;width:100%;position:absolute;padding-right:1px;margin-left:-1px}.castleWorld .wall{background-image:url(/imgs/castle-background.svg)}.castleWorld .frame-section{will-change:transform;position:absolute;width:100vw;height:100vh;top:0}.castleWorld .frame-section .frame{top:50vh;left:50vw;transform:translate(-50%,-50%);position:absolute;width:30vw;height:30vh}.castleWorld .main-section{will-change:transform;position:absolute;height:100vh;top:0}.castleWorld .main-section .sign{position:absolute;bottom:20vh;width:200px}.castleWorld .main-section .content{position:relative;width:100%;height:100%;will-change:transform}.castleWorld .main-section .content>.section{position:relative}.castleWorld .main-section .content>.section>*{position:relative}.castleWorld .main-section .content>.section#experience{display:flex;height:100%}.castleWorld .main-section .content>.section#experience .experience{width:500px;color:#fff;padding:0 100px;display:flex;bottom:35vh;justify-content:flex-end;flex-direction:column}.castleWorld .main-section .content>.section#experience .experience .chains{height:200px;display:flex;flex-direction:row;justify-content:space-around;flex-grow:1}.castleWorld .main-section .content>.section#experience .experience .chains .chain{background-image:url(/imgs/chains.svg);background-repeat:repeat-y;height:100%;width:30px}.castleWorld .main-section .content>.section#experience .experience .company{background-image:url(/imgs/stone-sign.svg);background-size:contain;background-repeat:no-repeat;height:120px;background-position:center;display:flex;align-items:center;justify-content:center;z-index:2;position:relative}.castleWorld .main-section .content>.section#experience .experience .company h2{margin-bottom:0}.castleWorld .main-section .content>.section#experience .experience .details{background-image:url(/imgs/wood-large-sign.svg);background-size:contain;background-repeat:no-repeat;padding:60px;height:200px;position:relative;top:-40px}.castleWorld .main-section .content>.section#experience .experience .details a{color:inherit;text-decoration:underline}.castleWorld .main-section .content>.section#experience .experience .details .role{text-align:center;font-weight:700}.castleWorld .tank-section{will-change:transform;position:absolute;width:100vw;height:100vh;top:0}.castleWorld .tank-section .tank{background:transparent;top:50vh;left:50vw;transform:translate(-50%,-50%);position:absolute;width:20vw;height:20vh}.waterWorld{height:100%;position:absolute;width:100%}.waterWorld .tank-section{position:absolute;width:100vw;height:100vh;top:0;padding-right:1px;margin-left:-1px}.waterWorld .tank-section .sign{bottom:20vh;left:50%;transform:translate(-50%);width:200px}.waterWorld .tank-section .seaweed{bottom:20vh;left:5%}.waterWorld .tank-section .coral{bottom:20vh;left:50%}.waterWorld .main-section{position:absolute;height:100vh;min-width:100vw;top:0;padding-right:1px;margin-left:0}.waterWorld .main-section .content{will-change:transform;position:relative;width:100%;height:100%}.waterWorld .main-section .content>.section{position:relative}.waterWorld .main-section .content>.section>*{position:relative}.waterWorld .main-section .content>.section#projects{display:flex;height:100%}.waterWorld .main-section .content>.section#projects .project{width:500px;padding:0 100px;display:flex;bottom:20vh;justify-content:flex-end;flex-direction:column}.waterWorld .main-section .content>.section#projects .project .name{background-image:url(/imgs/stone-sign.svg);background-size:contain;background-repeat:no-repeat;height:120px;background-position:center;display:flex;align-items:center;justify-content:center;z-index:2;position:relative;text-align:Center}.waterWorld .main-section .content>.section#projects .project .name h2{margin-bottom:0}.waterWorld .main-section .content>.section#projects .project .details{background-image:url(/imgs/stone-large.svg);background-size:contain;background-repeat:no-repeat;padding:40px 60px;height:238px;width:380px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.waterWorld .contact-section{position:absolute;height:100vh;min-width:100vw;top:0;padding-right:1px;margin-left:0}.waterWorld .contact-section .content{will-change:transform;position:relative;width:100%;height:100%}.waterWorld .contact-section .content>.section{position:relative}.waterWorld .contact-section .content>.section>*{position:relative}.waterWorld .contact-section .content>.section .speech-bubble{top:20vh}.waterWorld .contact-section .content>.section .contact-elements{display:flex;justify-content:space-evenly;margin-top:30px}.waterWorld .contact-section .content>.section .contact-elements .fa-discord{color:#5865f2}.waterWorld .contact-section .content>.section .contact-elements .fa-linkedin{color:#0077b5}.waterWorld .contact-section .content>.section .contact-elements .fa-github{color:#333}.waterWorld .contact-section .content>.section .contact-elements .fa-envelope{color:#333}.waterWorld .contact-section .content>.section .email-link{text-align:center;margin-top:20px;display:block;color:#000}.waterWorld .ground{background-image:url(/imgs/sand.svg);background-size:contain;height:20vh;bottom:0;width:100%;position:absolute}.waterWorld .backgrounds{height:100%;width:100%;position:absolute;background:#A1D6E7}.waterWorld .backgrounds div{will-change:transform;background-size:contain;position:absolute;width:100%}.waterWorld .backgrounds .bubbles{height:100%;overflow:hidden}.waterWorld .backgrounds .bubbles bubble{position:absolute;background-repeat:no-repeat;background-image:url(/imgs/bubble.svg);width:50px;height:50px;background-size:contain}.waterWorld .backgrounds .fish{height:80%;overflow:hidden}.waterWorld .backgrounds .fish fish{position:absolute;background-repeat:no-repeat;background-image:url(/imgs/fish/fish-1.svg);width:50px;height:50px;background-size:contain}.waterWorld .backgrounds .fish fish.fish-2{background-image:url(/imgs/fish/fish-2.svg)}.waterWorld .backgrounds .fish fish.fish-3{background-image:url(/imgs/fish/fish-3.svg)}.waterWorld .backgrounds .fish fish.fish-4{background-image:url(/imgs/fish/fish-4.svg)}.absolute,.overworld .content>.section>*.absolute{position:absolute}.player{position:absolute;bottom:20vh;left:120px;height:200px;width:174px;background-image:url(/imgs/adrian-sprite.svg);background-size:contain;background-repeat:no-repeat;background-size:100% 500%}.speech-bubble{width:600px;max-width:90vw;background:white;padding:50px;box-shadow:5px 5px 10px #0000001a;border-radius:50px;margin:0 auto;z-index:10}.speech-bubble p:last-of-type{margin-bottom:0}.banner{background-image:url(/imgs/banner.svg);background-size:contain;background-repeat:no-repeat;background-position:center;color:#fff;height:123px;width:600px;padding-top:6px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto}.banner *{margin-top:0;margin-bottom:0}.stone-text{color:#707f80;text-shadow:1px 1px rgba(255,255,255,.5)}.btn{font-size:22px;transition:filter .1s}.btn.center{margin:0 auto}.btn.stone{color:#707f80;text-shadow:1px 1px rgba(255,255,255,.5);font-family:Lilita One,cursive;padding:10px;background-image:url(/imgs/stone-button.svg);background-size:contain;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;width:100px;height:40px}.btn.stone:hover,.btn.stone:active{filter:brightness(.9)}@media (max-width: 1260px){.skyworld .content .section#technologies{width:90vw;max-width:90vw}.skyworld .content .section#technologies .technologies .technology h2{width:100%;margin-bottom:20px}.skyworld .ladder{display:none}}@media (max-width: 768px){.speech-bubble{max-width:70vw}.overworld .content .section#intro .banner{top:25px}.overworld .content .section#intro .speech-bubble{top:75px}.skyworld .content .section#technologies .technologies .technology .coin{width:10vw}.frozen-player{display:none}}