body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--aboutC: rgba(87, 126, 216, .829);--projC: rgba(255, 135, 88, .8);--webC: rgba(95, 255, 194, .8);--gitC: rgba(126, 35, 200, .8)}body{background-color:#191933;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{display:flex;justify-content:center;-webkit-animation:fadein 2s;-moz-animation:fadein 2s;-ms-animation:fadein 2s;-o-animation:fadein 2s;animation:fadein 2s}main{max-width:90vh}.panel{position:relative;display:flex;overflow-y:scroll;max-height:100%;border-radius:4vh;margin:2vh;transition:1s;-webkit-animation:fadein 1s;-moz-animation:fadein 1s;-ms-animation:fadein 1s;-o-animation:fadein 1s;animation:fadein 1s}.panel::-webkit-scrollbar{display:none}#github{background-color:var(--gitC)}.tkg-display-inner{display:flex;flex-direction:column;max-width:1000px}.tkg-card-up:nth-child(1):before{background-color:var(--aboutC)}.tkg-card-up:nth-child(2):before{background-color:var(--projC)}.tkg-card-up:nth-child(3):before{background-color:var(--webC)}.tkg-card-up:nth-child(4):before{background-color:var(--gitC)}nav>.tkg-card-up{box-shadow:0 .5rem .5rem .1em #000}nav{display:flex;justify-content:center;flex-wrap:wrap;color:#fff}a,a:visited,a:hover,a:active{color:inherit;text-decoration:none}h2.taurian{text-shadow:1vh 1vh 2vh #000000}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-moz-keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@-ms-keyframes fadein{0%{opacity:0}to{opacity:1}}@-o-keyframes fadein{0%{opacity:0}to{opacity:1}}.tkg-display{background-color:#191933;position:relative;display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}.tkg-display-inner{background:rgb(38,38,77);border:.25rem solid rgba(255,255,255,.7);box-shadow:0 1.5rem 1.5rem .75em #000;display:flex;justify-content:center;height:fit-content;width:fit-content;max-height:90vh;max-width:90vw}.tkg-button{all:unset;border:none;font:inherit;cursor:pointer;outline:inherit;transition:.1s;min-width:75px;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;white-space:nowrap;z-index:2;position:relative}.tkg-button>h2{margin:0;padding-bottom:.5vh;padding-top:.25vh}:not(.tkg-card-up)>.tkg-button:hover{transform:scale(1.1)}:not(.tkg-card-up)>.tkg-button:active{position:relative;transform:scale(1)}#about{background-color:var(--aboutC);display:flex;flex-direction:column;padding:2vh 4vh}.plainText{color:#fff}#bio{display:flex;justify-content:center}.contact-wrap{display:flex;justify-content:center;flex-wrap:wrap}#message.mail{min-height:10vh}.mail{border-radius:1vh;margin:1vh 0vh 0vh;min-height:1.5vh}.contact-wrap>#link-resume{background-color:#191933;color:#fff;margin:0vh 1vh 1vh 2vh;padding:0vh 1vh;box-shadow:0 .5rem .5rem .1em #000}.contact-wrap>#link-email{color:#191933;background-color:#fff;margin:0vh 2vh 0vh 1vh;box-shadow:0 .5rem .5rem .1em #000}#link-back{height:fit-content;width:fit-content;color:#191933;background-color:#fff;margin-bottom:.5vh;box-shadow:0 .5rem .5rem .1em #000}#submit{color:#191933;background-color:#fff;margin-top:1vh;padding:0vh 1vh;box-shadow:0 .5rem .5rem .1em #000}#emailme{display:flex;flex-direction:column}#projects{background-color:var(--projC);flex-direction:column}.project-item{color:#fff;text-align:center;padding:2vh}.toproject{min-height:50px}.toproject>h3{background-color:#23234b;border-radius:4vh;padding:.5vh;font-size:larger;box-shadow:0 .5rem .5rem .1em #000;transition:.1s ease-in-out;width:inherit;margin:0vh;margin-bottom:.5rem}.toproject:hover>h3{background-color:#fff;color:#191933;border-radius:4vh;padding:.5vh;transition:.25s;transform:scale(1.025);margin:0vh 0vh 1.5vh}.toproject:active>h3{transform:scale(.96)}.detail-item>h4{background-color:#23234b;border-radius:4vh;padding:.5vh 1vh;float:left;margin:1vh 0vh 0vh;box-shadow:0 .5rem .5rem .1em #000}#details{list-style:none;display:flex;flex-direction:column;padding:0;margin:0}.detail-item{min-height:50px}.detail-item>#desc{background-color:#23234b;float:left;padding:.5vh 2vh;border-radius:4vh;margin:1vh 0vh 0vh;width:inherit;text-align:left;box-shadow:0 .5rem .5rem .1em #000;font-size:medium}#webapps{background-color:var(--webC);-webkit-animation:fadein 1s;-moz-animation:fadein 1s;-ms-animation:fadein 1s;-o-animation:fadein 1s;animation:fadein 1s}#app-list{display:flex;justify-content:center;flex-wrap:wrap;width:100%;max-width:500px}#app-list{padding:.5vh 1vh 1vh}#app-list>.tkg-button{margin:1vh}.tkg-display-inner>.tkg-button{margin:2vh}.recipe-finder{min-width:80vw;min-height:60vh;margin:2vh;-webkit-animation:fadein 1s;-moz-animation:fadein 1s;-ms-animation:fadein 1s;-o-animation:fadein 1s;animation:fadein 1s}.galaxy-invaders{min-width:60vw;height:40vh;margin:2vh;-webkit-animation:fadein 1s;-moz-animation:fadein 1s;-ms-animation:fadein 1s;-o-animation:fadein 1s;animation:fadein 1s}#app-list>.app-item>.tkg-button>p{font-weight:bolder;font-size:larger;box-shadow:0 .5rem .5rem .1em #000;border-radius:2rem;padding:.5vh 1vh}#app-list>.app-item>.tkg-button{background-color:#191933;color:#fff;transition:.25s;border-radius:2rem}#web-app>p:hover{transform:scale(1.025);background-color:#fff;color:#191933}#web-app>p:active{transform:scale(1)}.app-item{display:flex;justify-content:center;flex-direction:column;text-align:center;margin:0vh 1vh}.app-item{background-color:#577ed8d3;padding:1.25vh 2vh;border-radius:2vh;margin:1vh 1vh .5vh}.app-item>p{background-color:#191933;color:#fff;width:fit-content;margin-left:auto;margin-right:auto;margin-bottom:0;padding:.5vh;border-radius:2vh;box-shadow:0 .5rem .5rem .1em #000}#git{min-width:200px;width:10vw;margin-left:auto;margin-right:auto}#git>p:hover{transform:scale(1.025);background-color:#fff;color:#191933}#git>p:active{transform:scale(1)}#git-list{display:flex;flex-direction:column;justify-content:center;flex-wrap:wrap;width:100%;max-width:500px}#git-list>.tkg-button{margin:1vh 1vh .5vh}.tkg-button>p{margin:0;padding:.5vh 0vh}.tkg-button{height:fit-content}#git-list>.git-item>.tkg-button>p{font-weight:bolder;font-size:larger;box-shadow:0 .5rem .5rem .1em #000;border-radius:2rem;padding:.5vh 1vh}#git-list>.git-item>.tkg-button{background-color:#2556c7d3;color:#fff;transition:.25s;border-radius:2rem}.git-item{display:flex;justify-content:center;flex-direction:column;text-align:center;margin:0vh 1vh}.git-item{padding:1.25vh 2vh;border-radius:2vh;margin:0vh 1vh}.git-item:last-child{margin:0vh 1vh 1vh}.git-item>p{background-color:#191933;color:#fff;width:fit-content;margin-left:auto;margin-right:auto;margin-bottom:0;padding:.5vh;border-radius:2vh;box-shadow:0 .5rem .5rem .1em #000}.tkg-card-up{box-sizing:border-box;max-width:min-content;position:relative;display:flex;justify-content:center;transition:.25s ease-in-out;transform:initial;margin:1vh}.tkg-card-up>*{z-index:2}.tkg-card-up>.tkg-button{padding-left:1vh;padding-right:1vh}.tkg-card-up:before{display:block;content:"";position:absolute;width:100%;height:10%;bottom:0%;z-index:1;transition:height .25s ease-in-out}.tkg-card-up:hover:active{transform:scale(.9)}.tkg-card-up:hover{transform:scale(1.1)}.tkg-card-up:not(:hover):before{height:10%;width:100%;transition:height .25s ease-in-out}.tkg-card-up:hover:before{height:100%;width:100%}#profile{border-radius:50%;margin:2vh 2vh 0vh;width:25vw;min-width:100px;max-width:125px;border:.25rem solid rgba(255,255,255,.7);box-shadow:.1rem .5rem .5rem .1rem #000}.avatar{text-align:center;-webkit-animation:fadein 1s;-moz-animation:fadein 1s;-ms-animation:fadein 1s;-o-animation:fadein 1s;animation:fadein 1s}.taurian{text-shadow:0rem .25rem .3rem #000000}.avatar>.taurian{color:#fff;text-shadow:0rem .25rem .3rem #000000}