@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inknut+Antiqua:wght@300&family=Kalam&family=Mooli&family=Roboto:ital,wght@1,500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}*{color:#222}.nametag{font-size:64pt}.nametag,h1{font-family:Bebas Neue,Impact,sans-serif;margin-top:12px;text-align:center}h1{font-size:2em;margin-bottom:12px}nav.sticky{background-color:#222;color:#eee;height:24px;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:1}.navLink{color:#eee;font-weight:700;z-index:2}.navLink:hover{cursor:pointer;text-decoration:underline}section{margin:0 auto;max-width:1032px;padding:24px 0}.project{background-position-y:0;display:flex;filter:grayscale(80%);height:300px;justify-content:space-between;position:relative;transition:background-position-y 10s,filter .5s;width:1000px}.project:hover{background-position-y:-100px;cursor:pointer;filter:grayscale(0);transition:background-position-y 10s,filter 1s}.oddProject{flex-direction:row;text-align:left}.evenProject{flex-direction:row-reverse;text-align:right}.projectTitle{align-self:flex-end;background-color:#000c;color:#eee;flex-grow:1;font-family:Bebas Neue,Impact,sans-serif;font-size:32pt;padding:16px 32px;text-shadow:2px 2px #222}.project:hover .projectTitle{text-decoration:underline}.closed{width:32px}.closed,.open{background-color:#fff;height:300px;overflow:hidden;transition:width .5s}.open{width:600px}.evenProject * .projectInfoBox{align-items:flex-end;float:right}.projectInfoBox{display:flex;flex-direction:column;font-weight:700;height:252px;justify-content:space-between;margin:16px 48px;width:400px}.projectInfoBox p{flex:1 1}.preamble{font-weight:700;margin:24px auto;width:50%}.tag,.tagBar{display:flex}.tag{align-items:center;border-radius:16px;height:24px;justify-content:space-around;margin-right:8px;width:200px}.react{background-color:#149eca;color:#fff}.gm8{background-color:#f40000;color:#fff}.gitHub{background-color:#222;color:#fff}.gitHub:hover{text-decoration:underline}.noSrc{background-color:#aaa;color:#555}.tagText{color:inherit}.sectionDivider{background-color:#222;color:#666;font-size:small;margin:8px auto;min-height:24px;padding-left:24px;text-align:bottom;width:100%}.sectionDivider:has(+footer){margin-bottom:0}.contact{display:flex;justify-content:space-evenly}.contactLink{font-size:1em;font-weight:700;text-align:center;text-decoration:none;width:200px}.contactLink:hover{color:#555;cursor:pointer;text-decoration:underline}.contactLink i{margin-right:8px}@media screen and (max-width:1000px){.closed{width:0}.contact,.project{width:100%}.contact{flex-direction:column;gap:8px;margin-left:auto;margin-right:auto}.contactLink{width:100%}.preamble{margin:24px auto;width:80%}.sectionDivider{box-sizing:border-box}.project{height:300px}.projectTitle{box-sizing:border-box;position:absolute;width:100%}.open{height:300px;width:80%;z-index:9}.projectInfoBox{height:200px;margin:8px 16px;width:calc(100% - 32px)}.tagBar{flex-direction:column;gap:8px}}@media screen and (max-width:500px){.open{width:100%}}@media screen and (max-width:400px){.projectInfoBox{font-size:small;width:calc(100% - 48px)}}
/*# sourceMappingURL=main.d804aee1.css.map*/