@import url(https://fonts.googleapis.com/css2?family=Crete+Round&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Crete Round,serif;margin:0;overflow-x:hidden;overflow-y:scroll}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-clr:#000;--secondary-clr:#141414;--tertiary-clr:#0a0a0a;font-size:17px}#app{height:100vh;width:100vw}#nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;height:75px;position:fixed;top:0;width:100%;z-index:999}#logo-container{flex:2 1;justify-content:center}#link-container,#logo-container{align-items:center;display:flex;height:100%}#link-container{flex:5 1;justify-content:space-evenly}#link-container a{color:#fff;font-size:1rem;text-decoration:none;transition:.25s linear}#link-container a:hover{color:gold}#logo-container :first-child{margin:10px;max-height:80%}#hero{display:flex;height:100vh;width:100vw}#hero-container-left{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}#hero-container-left h1{font-size:3rem}#hero-container-left :first-child{align-items:center;display:flex;flex-direction:column;justify-content:center}#hero-container-right{align-items:center;display:flex;flex:1 1;flex-direction:center;justify-content:center}#hero-container-left button{background:orange;color:#fff;cursor:pointer;height:50px;width:150px}#hero-container-left button a{color:#fff;font-size:1rem;font-weight:700;text-decoration:none}.loader{-webkit-animation:animateColor 2.5s linear infinite;animation:animateColor 2.5s linear infinite;margin-right:75px;position:relative;-webkit-transform:skewY(-15deg) translateX(50px) translateY(50px);transform:skewY(-15deg) translateX(50px) translateY(50px)}@-webkit-keyframes animateColor{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes animateColor{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}.loader span{-webkit-animation:animate 5s ease-in-out infinite;animation:animate 5s ease-in-out infinite;-webkit-animation-delay:calc(-1s*var(--i));animation-delay:calc(-1s*var(--i));background:#3e3f46;display:block;height:40px;position:relative;transition:.5s;width:200px;z-index:var(--i)}@-webkit-keyframes animate{0%,to{-webkit-transform:translateX(-70px);transform:translateX(-70px)}50%{-webkit-transform:translateY(70px);transform:translateY(70px)}}@keyframes animate{0%,to{-webkit-transform:translateX(-70px);transform:translateX(-70px)}50%{-webkit-transform:translateY(70px);transform:translateY(70px)}}.loader span:hover{background:#33a3ee;transition:0s}.loader span:before{background:#2e3133;content:"";height:100%;left:-150px;position:absolute;top:0;-webkit-transform:skewY(45deg);transform:skewY(45deg);-webkit-transform-origin:right;transform-origin:right;transition:.5s;width:150px}.loader span:hover:before{background:#1f5378;transition:0s}.loader span:after{background:red;background:#35383e;content:"";height:150px;position:absolute;top:-150px;-webkit-transform:skew(45deg);transform:skew(45deg);-webkit-transform-origin:bottom;transform-origin:bottom;width:100%}.loader span:hover:after{background:#2982b9}#about{align-items:center;background:var(--secondary-clr);background:#000;display:flex;height:60vh;justify-content:center;position:relative;width:100vw}#interior-container{background:var(--tertiary-clr);display:flex;height:100%;position:absolute;top:0;width:100%}#about-container-left{align-items:center;display:flex;flex:1 1;justify-content:flex-end}#about-container-left img{border-radius:50%;height:50%;margin-right:150px}#about-container-right{align-items:center;display:flex;flex:1 1;justify-content:flex-start}#about-me-info-container{display:flex;flex-direction:column;height:100%;justify-content:center;padding:30px;width:75%}#about-me-info-container h1{margin-bottom:0}#about-me-info-container p{margin-bottom:30px}#about-me-info-container button{background-color:orange;color:#fff;height:40px;width:100px}#skills-bar{bottom:0;display:flex;height:125px;justify-content:space-evenly;position:absolute;width:70%}#skill img{max-height:100%}#skill span{visibility:hidden}#gh-linkedin-container{align-items:center;display:flex;justify-content:flex-start}#gh-linkedin-container :first-child{margin-right:5px}#projects{display:flex;height:100vh;margin-bottom:100px;margin-top:100px;width:100vw}#projects-container-left{flex:1 1;height:100%}#projects-container-left :first-child{-webkit-animation:fadeIn .25s linear;animation:fadeIn .25s linear;color:#fff;display:flex;font-size:3rem;justify-content:center;margin-top:0}#projects-container-right{display:grid;flex:2 1;grid-template-columns:1fr 1fr;overflow-x:hidden;overflow-y:scroll;padding-left:100px;padding-right:100px}.tile-wrapper{-webkit-animation:fadeIn .5s linear forwards;animation:fadeIn .5s linear forwards;-webkit-animation-delay:calc(.1s*var(--i));animation-delay:calc(.1s*var(--i));height:500px;min-width:500px;opacity:0}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.tile{cursor:pointer;height:500px;max-width:750px;overflow:hidden}.tile-overlay{align-items:center;background:hsla(0,0%,5%,.75);display:flex;flex-direction:column;height:100%;justify-content:center;opacity:0;transition:.25s linear;width:100%}.tile-overlay :first-child{color:#fff}.tile-overlay :nth-child(2){color:#fff;font-size:1.5rem;margin-bottom:20px;text-align:center;width:75%}.tile-overlay :nth-child(3),.tile-overlay :nth-child(4){color:#fff;font-size:1.5rem;font-style:italic;margin-bottom:20px;text-decoration:underline}.tile:hover>.tile-overlay{opacity:1}#skills{align-items:center;background:var(--secondary-clr);display:flex;height:50vh;justify-content:center;margin-top:100px;width:100vw}#skills-inner-container{display:grid;grid-template-columns:repeat(8,1fr);height:90%;max-height:100%;padding:20px;width:75%}#skill{padding:20px}#contact{align-items:center;background:var(--tertiary-clr);height:50vh;margin-top:100px;width:100vw}#contact,#contact-left-container{display:flex;justify-content:center}#contact-left-container{align-items:flex-start;flex:1 1}#contact-right-container{align-items:center;display:flex;flex:1 1;justify-content:flex-start}#form{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);height:300px;margin-left:50px;width:600px}#first-name{grid-column-end:2;grid-column-start:1}#first-name,#last-name{grid-row-end:2;grid-row-start:1;height:30px}#last-name{grid-column-end:3;grid-column-start:2}#subject{grid-row-end:3;grid-row-start:2;height:30px}#message,#subject{grid-column-end:3;grid-column-start:1}#message{grid-row-end:4;grid-row-start:3;height:200px}.splash{align-items:center;background:#000;display:flex;height:100vh;justify-content:center;position:relative;width:100vw;z-index:0}.cover{background-color:#000;bottom:0;left:0;margin-bottom:auto;margin-left:auto;margin-right:auto;position:absolute;right:0;top:50%;z-index:2}.cover,.text{height:100px;width:1000px}.text{align-items:center;-webkit-animation:moveUpThenDown 5s cubic-bezier(0,1,.25,1);animation:moveUpThenDown 5s cubic-bezier(0,1,.25,1);-webkit-animation-delay:.5s;animation-delay:.5s;color:#fff;display:flex;font-size:2.5rem;justify-content:center;position:relative;top:20px;z-index:1}.move-down-toggle{-webkit-animation:moveDown .75s linear forwards;animation:moveDown .75s linear forwards}@-webkit-keyframes moveUpThenDown{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}}@keyframes moveUpThenDown{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}}@-webkit-keyframes moveDownThenUp{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(80px);transform:translateY(80px)}}@keyframes moveDownThenUp{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(80px);transform:translateY(80px)}}@-webkit-keyframes moveUp{to{-webkit-transform:translateY(-75px);transform:translateY(-75px)}}@keyframes moveUp{to{-webkit-transform:translateY(-75px);transform:translateY(-75px)}}@-webkit-keyframes moveDown{to{-webkit-transform:translateY(75px);transform:translateY(75px)}}@keyframes moveDown{to{-webkit-transform:translateY(75px);transform:translateY(75px)}}.about-redux{background:var(--tertiary-clr);display:flex;margin-bottom:50px;width:100vw}.about-redux-left-panel{flex:1 1;padding-top:50px}.about-redux-left-panel h1{color:#fff;font-size:3rem;margin-top:0;text-align:center}.about-redux-right-panel{align-items:center;display:flex;flex:2 1;flex-direction:column;justify-content:flex-start;padding-bottom:50px;padding-top:50px}.text-container{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding:10px 50px 0 40px;width:100%}.text-container h1{color:#fff;margin-bottom:20px}.text-container span{color:#fff}.skills-container{display:flex;flex-wrap:wrap}.skills-container img{height:75px;margin:20px;width:75px}.project-page{min-height:100vh;width:100vw}.header{align-items:center;display:flex;height:25vh;justify-content:center;top:0;width:100%}.video-container{height:50vh;width:100%}
/*# sourceMappingURL=main.f8ccfda1.css.map*/