body,html{margin:0;font-family:"Noto Sans SC",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.title-text{color:#fff;font-size:4rem}@media(max-width:640px){.title-text{font-size:2rem}}.main-page-body{display:flex;flex-direction:column;justify-content:center;align-items:center;height:70vh}@media(max-width:640px){.main-page-body{height:60vh}}.body{font-size:1.5rem;width:70%}@media(max-width:640px){.body{font-size:1rem}}.links-container{display:flex;justify-content:space-around;height:15vh}.base-button{outline:0;font-family:"Inconsolata",monospace;font-size:1.5em;border:none;border-radius:10px;padding:1em 2em;transition:all .3s ease-out}.base-button:active{color:#888}.base-button.github-button{background:#000;color:#fff;box-shadow:inset 0 -8px 0 0 #222,1px 1px 0 0 rgba(0,0,0,.1),2px 2px 0 0 rgba(0,0,0,.1),3px 3px 0 0 rgba(0,0,0,.1),4px 4px 0 0 rgba(0,0,0,.1),5px 5px 0 0 rgba(0,0,0,.1),6px 6px 0 0 rgba(0,0,0,.1),7px 7px 0 0 rgba(0,0,0,.1),8px 8px 0 0 rgba(0,0,0,.1),9px 9px 0 0 rgba(0,0,0,.1)}.base-button.github-button:active{box-shadow:inset 0 -4px 0 0 #222,1px 1px 0 0 rgba(0,0,0,.1),2px 2px 0 0 rgba(0,0,0,.1),4px 4px 0 0 rgba(0,0,0,.1)}.base-button.download-button{background:#0d8f0d;color:#fff;box-shadow:inset 0 -8px 0 0 #0d610a,1px 1px 0 0 rgba(0,0,0,.1),2px 2px 0 0 rgba(0,0,0,.1),3px 3px 0 0 rgba(0,0,0,.1),4px 4px 0 0 rgba(0,0,0,.1),5px 5px 0 0 rgba(0,0,0,.1),6px 6px 0 0 rgba(0,0,0,.1),7px 7px 0 0 rgba(0,0,0,.1),8px 8px 0 0 rgba(0,0,0,.1),9px 9px 0 0 rgba(0,0,0,.1)}.base-button.download-button:active{color:#b8b8b8!important;box-shadow:inset 0 -4px 0 0 #0d610a,1px 1px 0 0 rgba(0,0,0,.1),2px 2px 0 0 rgba(0,0,0,.1),4px 4px 0 0 rgba(0,0,0,.1)}.base-button.instagram-button{background:#c13584;color:#fff;box-shadow:inset 0 -8px 0 0 #833ab4,1px 1px 0 0 rgba(0,0,0,.1),2px 2px 0 0 rgba(0,0,0,.1),3px 3px 0 0 rgba(0,0,0,.1),4px 4px 0 0 rgba(0,0,0,.1),5px 5px 0 0 rgba(0,0,0,.1),6px 6px 0 0 rgba(0,0,0,.1),7px 7px 0 0 rgba(0,0,0,.1),8px 8px 0 0 rgba(0,0,0,.1),9px 9px 0 0 rgba(0,0,0,.1)}.base-button.instagram-button:active{box-shadow:inset 0 -4px 0 0 #833ab4,1px 1px 0 0 rgba(0,0,0,.1),2px 2px 0 0 rgba(0,0,0,.1),4px 4px 0 0 rgba(0,0,0,.1)}.base-button.linkedin-button{background:#0c4c69;color:#fff;box-shadow:inset 0 -8px 0 0 #082a3a,1px 1px 0 0 rgba(0,0,0,.1),2px 2px 0 0 rgba(0,0,0,.1),3px 3px 0 0 rgba(0,0,0,.1),4px 4px 0 0 rgba(0,0,0,.1),5px 5px 0 0 rgba(0,0,0,.1),6px 6px 0 0 rgba(0,0,0,.1),7px 7px 0 0 rgba(0,0,0,.1),8px 8px 0 0 rgba(0,0,0,.1),9px 9px 0 0 rgba(0,0,0,.1)}.base-button.linkedin-button:active{box-shadow:inset 0 -4px 0 0 #082a3a,1px 1px 0 0 rgba(0,0,0,.1),2px 2px 0 0 rgba(0,0,0,.1),4px 4px 0 0 rgba(0,0,0,.1)}.base-button.twitter-button{background:#00acee;color:#fff;box-shadow:inset 0 -8px 0 0 #0076a5,1px 1px 0 0 rgba(0,0,0,.1),2px 2px 0 0 rgba(0,0,0,.1),3px 3px 0 0 rgba(0,0,0,.1),4px 4px 0 0 rgba(0,0,0,.1),5px 5px 0 0 rgba(0,0,0,.1),6px 6px 0 0 rgba(0,0,0,.1),7px 7px 0 0 rgba(0,0,0,.1),8px 8px 0 0 rgba(0,0,0,.1),9px 9px 0 0 rgba(0,0,0,.1)}.base-button.twitter-button:active{box-shadow:inset 0 -4px 0 0 #0076a5,1px 1px 0 0 rgba(0,0,0,.1),2px 2px 0 0 rgba(0,0,0,.1),4px 4px 0 0 rgba(0,0,0,.1)}.base-button:hover{cursor:pointer}@media(max-width:640px){.base-button{font-size:1em;padding:.5em,1em}}.about-page-body{display:flex;flex-direction:column;justify-content:center;align-items:center;height:70vh}@media(max-width:640px){.about-page-body{height:60vh}}.skills-page-body{display:flex;flex-direction:column;justify-content:start;align-items:center;height:85vh}div.projects-container{width:70vw;display:flex;flex-direction:row;justify-content:space-around}.skill-container{display:flex;flex-direction:row;justify-content:center}@media(max-width:640px){div.projects-container{flex-direction:column}.skills-page-body{height:70vh}}.project-preview{width:auto;margin:20px;display:flex;flex-direction:column}img{border-radius:10px}img.static{position:absolute;background:#fff;width:250px;height:156px}img.static,img.static:hover{transition:opacity .5s ease-in-out}img.static:hover{opacity:0}img.active{width:250px;height:156px}@media(max-width:640px){img.active,img.static{width:150px;height:93.95px}}.skill-icon{background-color:#000;padding:5px;border-radius:10%;margin-right:1px;margin-left:1px}.projects-page-body{display:flex;flex-direction:column;justify-content:center;align-items:center;height:70vh}@media(max-width:640px){.projects-page-body{height:60vh}}.hybrid-links-container,.nav-container{display:flex;justify-content:space-around;height:15vh}.nav-container{align-items:center}@media(max-width:640px){.short-text{display:inline-block}.full-text{display:none}.page-button{font-size:1em;padding:.5em,.5em}}.page-button{outline:0;font-family:"Inconsolata",monospace;font-size:1em;background:#f5f5f5;color:#000;border:none;border-radius:10px;padding:1em 2em;transition:all .3s ease-out;box-shadow:inset 0 -8px 0 0 #a0a0a0,1px 1px 0 0 rgba(0,0,0,.1),2px 2px 0 0 rgba(0,0,0,.1),3px 3px 0 0 rgba(0,0,0,.1),4px 4px 0 0 rgba(0,0,0,.1),5px 5px 0 0 rgba(0,0,0,.1),6px 6px 0 0 rgba(0,0,0,.1),7px 7px 0 0 rgba(0,0,0,.1),8px 8px 0 0 rgba(0,0,0,.1),9px 9px 0 0 rgba(0,0,0,.1)}.page-button:active{color:#888;box-shadow:inset 0 -4px 0 0 #a0a0a0,1px 1px 0 0 rgba(0,0,0,.1),2px 2px 0 0 rgba(0,0,0,.1),4px 4px 0 0 rgba(0,0,0,.1)}.page-button:hover{cursor:pointer}.App{text-align:center;color:#fff;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;-webkit-animation:gradient 15s ease infinite;animation:gradient 15s ease infinite;height:100vh}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.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}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.14ae4f3f.chunk.css.map */