@import"https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300&display=swap";@import"https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap";@import"https://fonts.googleapis.com/css2?family=Handjet:wght@600&display=swap";@import"https://fonts.googleapis.com/css2?family=Ultra&display=swap";@import"https://fonts.googleapis.com/css2?family=Oi&display=swap";@import"https://fonts.googleapis.com/css2?family=Mate&display=swap";@import"https://fonts.googleapis.com/css2?family=Gabarito:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Yellowtail&display=swap";@import"https://fonts.googleapis.com/css2?family=Gochi+Hand&display=swap";@import"https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap";@import"https://fonts.googleapis.com/css2?family=Moirai+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Bungee+Shade&display=swap";@import"https://fonts.googleapis.com/css2?family=Barriecito&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap";html{scroll-behavior:smooth}body{margin:0;height:100%;width:100%}.main{background-color:#eff5f5;top:0;bottom:0;right:0;left:0;display:flex;flex-direction:column}.container{overflow:hidden;margin:auto;height:max-content;width:80vw;justify-content:center;align-items:center}@media only screen and (min-width: 1080px){.container{width:85vw}}@media only screen and (min-width: 1530px){.container{width:85vw}}body{margin:0;min-height:100vh;height:100vh;width:100vw}#home{min-height:100vh}#profile-pic-speech-container{display:flex;flex-direction:row;place-content:center}#profile-pic-container{text-align:center;justify-content:center;justify-items:center}#profile-pic{width:8em;padding:.5em;transition:transform 1s;padding-top:30vh}#adrianman-pic{transition:transform 1s;padding-top:30vh}#name{text-align:center;vertical-align:middle;font-size:2em;line-height:1.5;color:#102c57;font-family:Bungee Shade,sans-serif;margin:0}#job{text-align:center;vertical-align:middle;bottom:33%;font-size:.8em;line-height:1;color:#102c57;font-family:Roboto Mono,monospace;margin:0}@media only screen and (min-width: 768px){#profile-pic{width:10em}#adrianman-pic{width:20em}#name{font-size:4em}#job{font-size:1em}}@media only screen and (min-width: 1080px){#profile-pic{width:15em}#adrianman-pic{width:25em}#name{font-size:4em}#job{font-size:1.1em}}@media only screen and (min-width: 1530px){#profile-pic{width:15em}#adrianman-pic{padding-top:40vh}#name{font-size:4.5em}#job{font-size:1.2em}}#about{height:80vh;padding-top:10vh}#hello{font-family:Bungee Shade,sans-serif;color:#102c57;font-size:2em;margin:0;padding-bottom:.5em}#description{text-align:start;vertical-align:middle;font-size:.6em;line-height:1.5;color:#102c57;font-family:Roboto Mono,monospace;margin:0;overflow-x:hidden}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-100%)}}#program-title{font-family:Roboto Mono,monospace;font-size:.8em;margin:0;color:#102c57}.programs{overflow:hidden;white-space:nowrap;max-width:90vw;justify-content:center;position:relative;width:200%;height:auto;padding-top:2.5em;margin:0;perspective:100em}.program-list{display:inline-block;animation:slide 20s linear infinite;perspective:100px}.programs:hover .program-list{animation-play-state:paused}@media only screen and (min-width: 768px){#about{height:100vh;padding-top:10vh}#hello{padding-bottom:0}#program-title{font-size:1.2em}#description{font-size:.8em}}@media only screen and (min-width: 1080px){#hello{font-size:2.5em}#description{font-size:.8em}#about{height:80vh;padding-top:10vh}}@media only screen and (min-width: 1530px){#about{height:80vh;padding-top:20vh}}.icon-container{display:flex;flex-direction:column;margin:0;padding:0}.icon{width:2.5em;padding:.5em;transition:transform 1s}.web-links{width:2.5em;margin-top:1em}@media only screen and (min-width: 768px){.icon{width:4em}.web-links{width:3em}}@media only screen and (min-width: 1080px){.icon{width:4.5em}.web-links{width:4em;margin-top:1.5em}}@media only screen and (min-width: 1530px){.icon{width:5em}.web-links{width:4.5em;margin-top:1.5em}}.nav-container{position:fixed;top:0;display:flex;justify-content:center;margin:auto;overflow:hidden;width:100vw;background-color:#eff5f5;z-index:2}.nav-bar{justify-self:center;align-self:center}.links{display:flex;flex-direction:row;list-style-type:none;justify-self:center;padding:0}.link{padding-top:1em;padding-left:.5em;padding-right:.5em;user-select:none;-moz-user-select:none;-webkit-text-select:none;-webkit-user-select:none;-webkit-any-link:none}.link button{font-family:Roboto Mono,monospace;font-size:.7em;font-weight:500;color:#102c57;text-decoration:none;border-style:none;background-color:#eff5f5;cursor:pointer;-webkit-tap-highlight-color:#eff5f5}@media only screen and (min-width: 768px){.link{font-size:1.5em;padding-top:1em;padding-left:1em;padding-right:1em}}@media only screen and (min-width: 1080px){.link{font-size:1.5em;padding-top:1em;padding-left:2em;padding-right:2em}}@media only screen and (min-width: 1530px){.link{font-size:1.7em}}.project{font-family:monospace}#goodKick{height:110vh}#chewout,#kannaKitchen{height:85vh}#forEver{height:30vh}.project-head{display:flex;flex-direction:row;width:max-content;text-decoration:none}.project-name{width:max-content;height:min-content;font-size:1.2em;font-family:Roboto Mono,monospace;color:#102c57;text-decoration:none}.project-links{border-style:none;background-color:#eff5f5}.project-contents{display:grid;max-height:80%}.project-top{display:flex;flex-direction:column;box-shadow:0 4px 6px #0003}.project-left{width:80vw;padding-top:1em}.project-description{font-family:Roboto Mono,monospace;font-size:.6em;line-height:1.4;color:#102c57}.project-notes{font-family:Roboto Mono,monospace;font-size:.8em;color:#102c57;padding-top:.5em;margin:0%}.notes{padding-top:2%;margin:0%;font-family:Roboto Mono,monospace;font-size:.6em;line-height:1.4;color:#102c57}.techs-used{font-family:Roboto Mono,monospace;font-size:.8em;color:#102c57;padding-top:.5em;margin:0%}.project-techs{justify-content:space-evenly;padding-top:.5em;margin-top:0}.project-right{display:none}.screenshots-section{display:flex;flex-direction:column;align-items:flex-end}.screenshot-container{display:flex;flex-direction:row;box-shadow:0 10px 10px #0003}.monitor{width:100%;z-index:10}.laptop{width:60vw}.mobile-rows{display:flex;flex-direction:row;justify-content:flex-end}.mobile{padding-left:5%;padding-right:5%;width:20vw}@media only screen and (min-width: 1080px){#goodKick{height:145vh}#chewout{height:120vh}#kannaKitchen{height:115vh}#forEver{height:50vh}.project-name{font-size:1.8em}.project-contents{grid-template-columns:repeat(2,1fr)}.project-top{display:none}.project-left{width:30em;padding-top:0}.project-description{font-size:.8em;color:#102c57}.techs-used,.project-notes{font-size:1em}.notes{font-size:.8em}.project-right{display:flex;justify-content:flex-end;height:100vh}.screenshot-container{margin-bottom:5%}.top-project{padding-top:40vh}.non-top-projects{padding-top:30vh}.resolution-tag{font-size:2em;color:#eff5f5;background-color:#102c57;writing-mode:vertical-rl;text-orientation:mixed;margin:0%;padding:.5%;text-align:center;letter-spacing:5px}.monitor{padding-top:0%;padding-bottom:0%;width:50em}.laptop{padding-bottom:0%;width:40em}.mobile{padding-left:0%;padding-right:0%;width:15em}}@media only screen and (min-width: 1530px){#goodKick{height:100vh}#chewout,#kannaKitchen{height:80vh}#forEver{height:60vh}.project-name{font-size:2em}.project-links{width:0}.project-contents{grid-template-columns:repeat(2,1fr)}.project-left{width:30vw}.project-description{font-size:1em;color:#102c57}.techs-used,.project-notes{font-size:1.2em}.notes{font-size:1em}.project-right{width:40vw}.top-project{padding-top:45vh}.monitor{padding-bottom:0%;width:70em}.laptop{padding-bottom:0%;width:50em}.mobile{width:20em}}body{margin:0;height:100vh;width:100%}#projects{margin-top:10%}#projects-title{font-family:Bungee Shade,sans-serif;font-size:2em;padding-top:10vh;margin-bottom:0vh;display:block;overflow:auto;color:#102c57}@media only screen and (min-width: 768px){#projects{margin-top:10vh}}@media only screen and (min-width: 1080px){#projects{padding-top:8vh}#projects-title{padding-top:0vh;font-size:2.5em}}@media only screen and (min-width: 1530px){#projects{padding-top:20vh;margin-top:0vh}#projects-title{margin-top:0vh;padding-top:0vh;font-size:3em}}.footer{height:20vh;width:100%;display:flex;place-content:center;background-color:#102c57}.contact{display:flex;place-items:center;font-family:Roboto Mono,monospace;font-size:.8em;color:#eff5f5}@media only screen and (min-width: 1080px){.footer{height:30vh}}body{margin:0;min-height:100vh;height:100vh}#contact{min-height:40vh;padding-top:10vh}.contact-button-section{display:flex;flex-direction:column;place-content:center;align-items:center}.contact-button{font-family:Roboto Mono,monospace;color:#102c57;font-size:1.6em;font-weight:900}.contacts-section{display:flex;flex-direction:row;padding-top:8vh;width:80vw;justify-content:space-evenly}#mail-section{padding-top:1.5em;position:relative;outline:none}#mail-section button{background-color:#eff5f5;border:none;outline:none;font-size:16px;cursor:pointer}#mail-section button:before{content:"Email Copied";font-family:monospace;font-weight:600;color:#eff5f5;position:absolute;top:-50px;left:10px;background:#102c57;padding:8px 10px;border-radius:20px;font-size:15px;display:none}#mail-section button:after{content:"";position:absolute;top:-7px;right:20px;width:12px;height:12px;background:#102c57;transform:rotate(45deg);display:none}#mail-section.active button:before,#mail-section.active button:after{display:block}#github-section{padding-top:1.5em;cursor:pointer}#github-section button{background-color:#eff5f5;border:none;outline:none;font-size:16px;cursor:pointer}.contact-icon{width:3em;height:3em;color:Transparent}@media only screen and (min-width: 1080px){#contact{padding-top:15vh;padding-bottom:10vh}.contact-button{font-size:2em}.contact-icon{width:4em;height:4em}}@media only screen and (min-width: 1530px){.contact-button{font-size:2.5em}.contact-icon{width:5em;height:5em}}