@import"https://use.typekit.net/agf8uuo.css";#root{width:100vw;height:100vh}body{margin:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:rgba(255,255,255,.23)}::-webkit-scrollbar-thumb{background:white;height:10%}.overlay{position:absolute;top:0;left:0;bottom:0;right:0}.overlay--disable{pointer-events:none}.overlay--enable{pointer-events:auto}.linkedInButton{pointer-events:auto;cursor:pointer;top:.3rem;left:.3rem;position:absolute;display:inline-block;width:50px;height:50px;background-color:transparent;border:3px solid rgba(255,255,255,.85);border-radius:10px;padding:5px;animation:fadeUp 2.4s ease-in-out;transition:all 2s ease-in-out;transition-duration:.2s}.linkedInButton img{width:70%;height:70%;top:6px;left:6px;position:absolute;border-radius:0;opacity:.85;animation:fadeUp 2.4s ease-in-out;transition:all 2s ease-in-out}.linkedInButton:hover,.linkedInButton:focus,.linkedInButton:active{box-shadow:0 0 20px #ffffff80;transform:scale(1.05);transition-duration:.1s}.githubButton{pointer-events:auto;cursor:pointer;top:.3rem;left:3.7rem;position:absolute;display:inline-block;width:50px;height:50px;background-color:transparent;border:3px solid rgba(255,255,255,.85);border-radius:10px;padding:5px;animation:fadeUp 2.4s ease-in-out;transition:all 2s ease-in-out;transition-duration:.2s}.githubButton img{width:90%;height:90%;top:2.2px;left:1.8px;position:absolute;border-radius:0;opacity:.85;animation:fadeUp 2.4s ease-in-out;transition:all 2s ease-in-out}.githubButton:hover,.githubButton:focus,.githubButton:active{box-shadow:0 0 20px #ffffff80;transform:scale(1.05);transition-duration:.1s}.resumeButton{pointer-events:auto;cursor:pointer;top:.3rem;left:7.1rem;position:absolute;display:inline-block;width:50px;height:50px;background-color:transparent;border:3px solid rgba(255,255,255,.85);border-radius:10px;padding:5px;animation:fadeUp 2.4s ease-in-out;transition:all 2s ease-in-out;transition-duration:.2s}.resumeButton img{width:85%;height:85%;top:4px;left:3.9px;position:absolute;border-radius:0;opacity:.85;animation:fadeUp 2.4s ease-in-out;transition:all 2s ease-in-out}.resumeButton:hover,.resumeButton:focus,.resumeButton:active{box-shadow:0 0 20px #ffffff80;transform:scale(1.05);transition-duration:.1s}.loader{position:absolute;top:0;left:0;bottom:0;right:0;background:white;transition:opacity 2s ease-in-out}.loader--disappear{opacity:0}.intro{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}.logo{font-family:lust,serif;color:#fff;font-size:7rem;letter-spacing:.5rem;padding:0;margin:0;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%;animation:fadeUp 2.4s ease-in-out;transition:all 2s ease-in-out;white-space:nowrap}.intro--disappear .logo{top:22px;left:50%;transform:translate(-50%) scale(.3);transform-origin:center top}.flex-container{display:flex;flex-direction:column;width:37rem;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.flex-container .right{margin-left:auto;font-family:lust-didone,serif;font-style:italic;color:#fff;font-size:2.5rem;letter-spacing:.01rem;margin-top:7.9rem;animation:fadeUp 2.4s ease-in-out;transition:all 2s ease-in-out}.flex-container .left{margin-right:auto;font-family:lust-didone,serif;font-style:italic;color:#fff;font-size:2.5rem;letter-spacing:.01rem;margin-top:-.3rem;animation:fadeUp 2.4s ease-in-out;transition:all 2s ease-in-out}.spinner{position:absolute;right:0px;top:0px;margin-right:-82px;margin-top:-102px;animation:fadeInSpinner 2.4s ease-in-out 1.2s forwards;opacity:0}.spinner__image{width:180px;height:180px;background-size:contain;background-image:url(/images/finalSpin.svg);animation:rotate 10s linear infinite}.intro--disappear .spinner,.intro--disappear .flex-container .right,.intro--disappear .flex-container .left{opacity:1;animation:fadeOut 1s ease-in-out forwards}.intro__scroll{opacity:0;color:#fff;font-family:lust,serif;font-size:1.5rem;letter-spacing:.05rem;position:absolute;top:24vh}.intro--disappear .intro__scroll{animation:fadeIn 1s ease-in-out 1.5s forwards}.overlay--scrolled .intro__scroll{animation:fadeOut 1s ease-in-out forwards}.outro__text ul{margin-top:0rem}.explore{padding:2rem;border:none;font-family:lust,serif;font-size:1.5rem;letter-spacing:.15rem;color:#3535cc;border-radius:32px;line-height:0px;cursor:pointer;display:inline-block;position:absolute;left:50%;top:80%;transform:translate(-50%,-50%);z-index:1;overflow:hidden;transition:.42s ease-in-out;animation:fadeIn 2.4s ease-in-out 2s forwards;opacity:0}.explore .span{display:inline-block;vertical-align:middle;line-height:normal}.explore:hover{color:#fff}.explore:hover:before{width:200%;height:300%;border-radius:100%}.explore:before{content:"";background:#3535cc;position:absolute;width:0%;bottom:0;left:50%;height:0%;transition:.42s ease-in-out;z-index:-1;transform:translate(-50%) translateY(50%)}.intro--disappear .explore{animation:fadeOut 1s ease-in-out forwards}.outro{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 4s ease-in-out}.outro--appear{opacity:1}.outro__text{font-family:lust,serif;font-size:2rem;color:#fff}.outro__text h1{font-family:lust,serif;font-size:3.2rem;color:#fff;margin-bottom:0rem}html,body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}@media screen and (max-width: 768px){.logo{font-size:3.75rem;letter-spacing:.25rem}.intro--disappear .logo{top:1.25rem;transform:translate(-50%) scale(.25)}.flex-container{width:19.8rem}.flex-container .right{font-size:1.1rem;letter-spacing:.1rem;margin-top:4.2rem}.flex-container .left{font-size:1.1rem;letter-spacing:.1rem;margin-top:.1rem}.spinner__image{width:82px;height:82px;margin-top:3.4rem;margin-right:3.4rem}.outro__text{font-size:1rem;margin-left:.5rem}.outro__text h1{font-size:1.8rem;margin-left:-.1rem}.linkedInButton{top:.3rem;left:.3rem;width:2.5rem;height:2.5rem}.linkedInButton img{width:65%;height:65%}.githubButton{top:.3rem;left:3rem;width:2.5rem;height:2.5rem}.resumeButton{top:.3rem;left:5.7rem;width:2.5rem;height:2.5rem}.resumeButton img{width:80%;height:80%}}@keyframes fadeUp{0%{opacity:0;transform:translateY(100px);filter:blur(9px)}to{opacity:1;filter:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInSpinner{0%{opacity:0}to{opacity:.6}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes rotate{to{transform:rotate(360deg)}}a:link,a:visited{color:#fff;background-color:transparent;text-decoration:underline}a:hover{color:#ff3838;background-color:transparent;text-decoration:underline}