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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--backgroundColor:#192735;--selectButtonbackgroundColor:#72afa9;color:#fff}#container{align-items:center;display:flex;height:100svh;justify-content:center;position:relative}#logoLeftArrowImage{animation:logoLeftArrowMovement 2s;animation-fill-mode:forwards;position:relative;right:1%}#logoText{animation:textMovement 1s;animation-delay:1s;animation-fill-mode:forwards;color:#fff;font-family:sans-serif;position:absolute;text-decoration:none}#logoText:before{animation:textReveal 1s;animation-delay:1s;animation-fill-mode:forwards;background-color:var(--backgroundColor);content:"";height:100%;left:0;position:absolute;width:110%}#logoRightArrowImage{animation:logoRightArrowMovement 2s;animation-fill-mode:forwards;left:1%;position:relative}@keyframes textReveal{0%{left:0}to{left:100%}}@media (orientation:landscape){#logoText{font-size:3.5vw}#logoLeftArrowImage,#logoRightArrowImage{width:3%}@keyframes logoLeftArrowMovement{0%{opacity:0;top:40%}50%{opacity:100%;right:1%;top:0}to{right:7%}}@keyframes logoRightArrowMovement{0%{opacity:0;top:40%}50%{left:1%;opacity:100%;top:0}to{left:7%}}@keyframes textMovement{0%{left:50%}to{left:43.7%}}}@media (orientation:portrait){#logoText{font-size:9.5vw}#logoLeftArrowImage,#logoRightArrowImage{width:7%}@keyframes logoLeftArrowMovement{0%{opacity:0;top:40%}50%{opacity:100%;right:1%;top:0}to{right:20%}}@keyframes logoRightArrowMovement{0%{opacity:0;top:40%}50%{left:1%;opacity:100%;top:0}to{left:20%}}@keyframes textMovement{0%{margin-left:70%}to{margin-left:0}}}.selectButton{aspect-ratio:1/1;background-color:var(--selectButtonbackgroundColor);border:5px solid #47615e;border-radius:15%;color:#fff;font-size:3vh;height:15vh;opacity:0;position:absolute}#contactButton{animation:contactButtonMovement 1s;animation-delay:1s;animation-fill-mode:forwards}#projectTimelineButton{animation:projectTimelineButtonMovement 1s;animation-delay:1s;animation-fill-mode:forwards}#projectImagesButton{animation:projectImagesButtonMovement 1s;animation-delay:1s;animation-fill-mode:forwards}@keyframes projectTimelineButtonMovement{0%{margin-bottom:0;margin-right:0;opacity:0}to{margin-bottom:50vh;margin-right:40vw;opacity:1}}@keyframes contactButtonMovement{0%{margin-left:0;margin-top:0;opacity:0}to{margin-left:40vw;margin-top:50vh;opacity:1}}@keyframes projectImagesButtonMovement{0%{margin-left:0;margin-top:0;opacity:0}to{margin-left:40vw;margin-top:-50vh;opacity:1}}#timeline{background:linear-gradient(66deg,#056dbb,#00d4ff);border-radius:10px;height:10000px;margin:50px auto;width:1%}.timelineEntry{aspect-ratio:1/1;border-radius:30%;margin-left:.5%;position:absolute;transform:translateX(-50%);width:2%}.timelineEntryContainer{display:inline-block;height:100%;position:relative;top:50%;transform:translateY(-50%)}.leftAlignedEntry{float:right}.rightAlignedEntry{float:left}.projectName{bottom:2.5vw;font-size:2vw}.dateCreated,.projectName{color:#fff;display:inline-block;position:absolute;white-space:nowrap}.dateCreated{font-size:1.5vw;top:-1.5vw}.horizontalLine{border-radius:10px;height:25%;position:relative;text-align:justify;top:50%;transform:translateY(-50%)}.rightAlignedText{float:right;padding-left:6vw;padding-right:1vw;position:relative}.leftAlignedText{float:left;padding-left:1vw;padding-right:6vw;position:relative}.rightElementShown{animation:showRightElement .5s;animation-fill-mode:forwards}.leftElementShown{animation:showLeftElement .5s;animation-fill-mode:forwards}.rightElementHidden{animation:showRightElement .5s;animation-direction:reverse;animation-fill-mode:forwards;animation-timing-function:ease-in}.leftElementHidden{animation:showLeftElement .5s;animation-direction:reverse;animation-fill-mode:forwards;animation-timing-function:ease-in}#currentDateContainer{display:flex;flex-direction:column;justify-content:center;margin-bottom:100px;width:100%}#currentDateTitle{color:grey;font-size:1.5vw;text-align:center}#currentDate{color:grey;font-size:1vw;text-align:center}@keyframes showRightElement{0%{opacity:0;transform:translateX(10vw)}to{opacity:1;transform:translateX(-50%)}}@keyframes showLeftElement{0%{opacity:0;transform:translateX(-20vw)}to{opacity:1;transform:translateX(-50%)}}body{margin:0}#contactContainer{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}#discordContactButton,#emailContactButton{aspect-ratio:1/1;background-size:cover;border:none;border-radius:40px;margin:2%;width:20vw}#emailContactButton{animation:fromLeft 1s;animation-fill-mode:forwards;background-image:url(/static/media/email.10de64d76fed1de58797.png)}#discordContactButton{animation:fromRight 1s;animation-delay:.3s;animation-fill-mode:forwards;background-image:url(/static/media/discord.20ea40164b63e09ce22a.png);opacity:0}@media (orientation:landscape){#contactContainer{flex-direction:row}}@media (orientation:portrait){#contactContainer{flex-direction:column}#discordContactButton,#emailContactButton{margin:5%;width:30vw}}@keyframes fromLeft{0%{opacity:0;transform:translateY(-70%)}to{opacity:1;transform:translateY(0)}}@keyframes fromRight{0%{opacity:0;transform:translateY(70%)}to{opacity:1;transform:translateY(0)}}.projectButton{aspect-ratio:1;background:none;border:none;border-radius:5%;overflow:hidden;position:relative;width:auto}.projectIcon{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}body{background-color:var(--backgroundColor)}#projectContainer{grid-gap:20px;display:grid;margin:10%}@media (orientation:landscape){#projectContainer{grid-template-columns:auto auto auto auto}}@media (orientation:portrait){#projectContainer{grid-template-columns:auto auto}}
/*# sourceMappingURL=main.2a1799f9.css.map*/