@font-face{font-family:MontserratAlternates;src:url(MontserratAlternates-Medium.ttf)}*{padding:0;margin:0;font-family:MontserratAlternates;text-shadow:1px 1px 2px #000}a{color:inherit;text-decoration:none}p{margin-bottom:10px}h2{margin-top:1rem;margin-bottom:1.2rem}html,body{width:100%;height:100%;overflow:hidden;color:#ccc;background-color:#333}[data-travel],a{cursor:pointer;transition:color .3s}[data-travel]:hover,a:hover{color:#eee}main{width:400vw;height:400vh;background:url(desk-background2.jpg);background-size:133.33vw 133.33vh;transition:margin-left .5s,margin-top .5s .2s;display:grid;grid-auto-columns:90vw;grid-auto-rows:90vh;grid-template-areas:"aboutMe . apps" ". main ." "journey . coop";grid-column-gap:50vw;grid-row-gap:50vh;align-content:space-around;justify-content:space-around}section{height:100%;width:100%;background-color:#333a;box-shadow:5px 5px 10px #000}section article{margin:1rem;max-height:100%;max-width:1000px;overflow:auto}menu{display:grid;grid-auto-flow:column;list-style-type:none}menu li:not(:last-child){padding-right:.5rem;border-right:1px solid #aaa}menu li:not(:first-child){padding-left:.5rem;border-left:1px solid #aaa}main.home{margin-top:-150vh;margin-left:-150vw}main.aboutMe{margin-top:0;margin-left:0vw}main.experience{margin-top:-300vh;margin-left:0}main.freelancerApps{margin-top:0vh;margin-left:-300vw}main.coop{margin-top:-300vh;margin-left:-300vw}section.home{grid-area:main;display:grid;gap:2rem;justify-content:center;align-content:center}section.home .me{display:grid;justify-items:center;align-items:center}section.home .me svg{width:15rem}section.home .me h1{font-size:2rem}section.home .me h3{font-size:1.2rem;color:#aaa;display:grid;grid-auto-flow:column}section.home .me h3 span:not(:last-child){text-align:right;padding-right:.5rem;margin-right:.5rem;border-right:2px solid #aaa}section:not(.home){display:grid;justify-items:center;align-items:center}section:not(.home) [data-travel]{padding:.5rem 0}section.aboutMe{grid-area:aboutMe}section.experience{grid-area:journey}section.freelancerApps{grid-area:apps}section.coop{grid-area:coop}section:not(.visible){display:none}address{display:grid;grid-auto-flow:column}address a:not(:last-child){padding-right:.5rem;border-right:1px solid #aaa}address a:not(:first-child){padding-left:.5rem;border-left:1px solid #aaa}menu.inlineMenu{max-width:100%;padding:.5rem 1rem;overflow-x:auto}menu.inlineMenu li{text-wrap:nowrap}menu.inlineMenu li.active a{color:#fff}@media only screen and (max-width:850px){section.home .me h3{grid-template-columns:2fr 1fr}menu.mainMenu,address{grid-auto-flow:row;gap:.5rem}menu.mainMenu li,address a{justify-self:center}menu.mainMenu li:not(:last-child),menu.mainMenu li:not(:first-child),address a:not(:last-child),address a:not(:first-child){border:none}menu.inlineMenu{font-size:.8rem}}@media only screen and (max-width:500px){section.home .me svg{width:10rem}section.home .me h1{font-size:1.5rem}section.home .me h3{font-size:1rem}}@supports (-webkit-touch-callout:none){section{height:85%}}