@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,600;1,400&family=Poppins:wght@500&display=swap);html{background-color:#f7f4ed;font-family:helvetica}@media (max-width:600px){.title-tag{font-size:40px}.nav-nums{font-size:12px}.footer-titles,.nav-titles{font-size:14px}}#name{color:#3b3b3b;font-size:50px;margin-top:10%;text-align:center}#title-tag{margin-top:20px}.fade-bottom{-webkit-animation:fade-bottom .3s ease-in;animation:fade-bottom .3s ease-in}@media (max-width:830px){#name{font-size:40px}}#about-text-container{margin-left:100px;margin-right:100px}#about{color:#3b3b3b;font-size:30px;margin-top:10%;text-align:center}#about-text{-webkit-animation:fade .7s ease-in;animation:fade .7s ease-in;color:#3b3b3b;cursor:pointer;font-size:25px;font-weight:600;margin-top:auto}@-webkit-keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (max-width:830px){#about-text{font-size:20px}}@media (max-width:600px){#about-text{font-size:15px}}nav-bar-container{font-family:IBM Plex Mono,monospace}.nav-bar{display:flex;justify-content:space-evenly;list-style:none;overflow:hidden;padding-top:30px}.nav-nums{color:#3b3b3b;font-family:IBM Plex Mono,monospace;font-weight:600;justify-content:space-around}.nav-titles{color:#3b3b3b;cursor:pointer;text-decoration:none}.animate{-webkit-animation:fade-bottom 1.2s ease-in;animation:fade-bottom 1.2s ease-in;opacity:1}@-webkit-keyframes animate{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes animate{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}#skills{color:#3b3b3b;font-size:30px;margin-top:10%;text-align:center}#skillset-container{display:flex;justify-content:space-around}#skill-sets{list-style:none;padding-top:30px}.skill-num{color:#3b3b3b;font-family:IBM Plex Mono,monospace;grid-column-start:1;margin-top:auto}.skill-num,.skill-titles{cursor:pointer;font-weight:600}.skill-titles{color:#4a4a4a;font-size:30px}.skill-set-li{display:grid;grid-template-columns:3.5fr 1fr;padding-top:20px}.icons{height:50px}.skill-set-li{-webkit-animation:fade-animation .5s ease-in;animation:fade-animation .5s ease-in}@-webkit-keyframes fade-animation{0%{opacity:0}to{opacity:1}}@keyframes fade-animation{0%{opacity:0}to{opacity:1}}@media (max-width:600px){.skill-titles{font-size:20px}.skill-num{font-size:14px}#skill-sets{margin-right:30px}}#works{color:#3b3b3b;font-size:30px;margin-top:10%;text-align:center}.bottom{display:grid;font-size:14px;font-weight:700;grid-template-columns:1fr;text-align:left}.final-project-img{height:370px;width:340px}#works-display-container{grid-gap:20px;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:50px;transition-delay:2s}.works-num{font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600}.works{display:grid;grid-template-rows:.05fr 1fr;height:470px;margin-bottom:40px}.works-title{display:grid;font-size:14px;font-weight:700;grid-template-columns:.1fr 1fr;margin-top:auto;text-align:left}.discog{-webkit-animation:scale .8s ease forwards;animation:scale .8s ease forwards;-webkit-animation-delay:.5s;animation-delay:.5s;background-color:#2c6294;cursor:pointer;height:470px;visibility:hidden;width:340px}.discog:hover:after{background:url(/static/media/discography.5207216ca6bd8074e6f7.png);background-size:340px;content:"";display:block}.discog:hover:after,.shopkeep{-webkit-animation:scale .8s ease forwards;animation:scale .8s ease forwards;height:470px}.shopkeep{-webkit-animation-delay:1.2s;animation-delay:1.2s;background-color:#8f2c94;cursor:pointer;visibility:hidden;width:340px}.shopkeep:hover:after{background:url(/static/media/shopkeep.3d0de0f70df4ec843df9.png);background-size:340px;content:"";display:block}.shopkeep:hover:after,.storypost{-webkit-animation:scale .8s ease forwards;animation:scale .8s ease forwards;height:470px}.storypost{-webkit-animation-delay:2s;animation-delay:2s;background-color:#6790e0;cursor:pointer;visibility:hidden;width:340px}.storypost:hover:after{-webkit-animation:scale .8s ease forwards;animation:scale .8s ease forwards;background:url(/static/media/storypost.c59aaedb8b5b2c3f89d1.png);background-size:380px;content:"";display:block;height:470px}@-webkit-keyframes scale{0%{height:0}to{height:470px;visibility:visible}}@keyframes scale{0%{height:0}to{height:470px;visibility:visible}}@media (max-width:600px){.works-title{font-size:13px}}@media (min-width:1077px){#works-display-container{margin-bottom:10px}}#footer{bottom:0;left:0;position:fixed;right:0}.social-media{height:30px}.footer-titles,a{text-decoration:none}.footer-titles{color:#3b3b3b;cursor:pointer;font-weight:600}.hover-underline-animation{display:inline-block;position:relative}.hover-underline-animation:after{background-color:#3b3b3b;bottom:0;content:"";height:1px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;width:100%}.hover-underline-animation:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}#resume{color:#3b3b3b;font-size:30px;margin-top:10%;text-align:center}.resume-page-container{display:flex;justify-content:center}.resume-page{-webkit-animation:scale .8s ease forwards;animation:scale .8s ease forwards;-webkit-animation-delay:.6s;animation-delay:.6s;background-color:#2c8694;cursor:pointer;height:470px;visibility:hidden;width:340px}.resume-page-container{display:grid;font-size:14px;font-weight:700;grid-template-columns:.1fr;margin-bottom:auto;text-align:left}.resume-title{text-align:center}.modal-background{align-items:center;-webkit-animation:fade-bottom .4s ease-in;animation:fade-bottom .4s ease-in;background-color:rgba(0,0,0,.4);display:flex;display:grid;grid-template-rows:.5fr 1fr;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1}.modal-container{background-color:#f7f4ed;box-shadow:0 5px 15px rgba(0,0,0,.35);display:flex;flex-direction:column;height:950px;overflow-y:scroll;padding:25px;width:750px}.modal-container::-webkit-scrollbar{display:none}.close-button{background-color:initial;border:none;color:#3b3b3b;cursor:pointer;font-size:25px;margin-top:auto;text-align:left}.modal-container .body{align-items:center;display:flex;flex:50% 1;font-size:1.7rem;justify-content:center;padding-bottom:10px;text-align:center}#img{-webkit-animation:fade-bottom .5s ease-in;animation:fade-bottom .5s ease-in;height:945px;text-align:center}@-webkit-keyframes fade-bottom{0%{opacity:0}to{opacity:1}}@keyframes fade-bottom{0%{opacity:0}to{opacity:1}}@media (max-width:850px){.modal-container{height:950px;padding:10px;width:730px}}@media (max-width:750px){.modal-container{height:850px;padding:10px;width:600px}}@media (max-width:620px){.modal-container{height:720px;width:520px}.modal-background{grid-template-rows:.5fr .5fr}}@media (max-width:550px){.modal-container{height:620px;padding:0;width:480px}.modal-background{grid-template-rows:.3fr .3fr}}@media (max-width:510px){.modal-container{height:720px;width:450px}.modal-background{grid-template-rows:.5fr .5fr}}@media (max-width:460px){.modal-container{height:720px;width:350px}.modal-background{grid-template-rows:.5fr .5fr}}
/*# sourceMappingURL=main.967fa2f9.css.map*/