@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";html{font-size:62.5%;min-height:100%}body{min-height:100vh;margin:0!important;padding:0!important;font-family:Roboto,sans-serif;font-size:2rem;color:#fff;background:linear-gradient(#0009,#0009),transparent url(/img/mountains.jpg) 0% 0% no-repeat padding-box;background-position:center;background-size:cover;background-attachment:fixed}@media screen and (min-width: 768px){body{font-size:3rem;background:linear-gradient(#0000004d,#0000004d),transparent url(/img/mountains.jpg) 0% 0% no-repeat padding-box;background-position:center;background-size:cover;background-attachment:fixed}}a{transition:color .25s;text-decoration:none;color:orange}a:hover{color:#ffcd70;cursor:pointer;text-decoration:underline}.content{display:flex}@media screen and (min-width: 768px){.content{padding-top:3rem}}@media screen and (min-width: 768px){.content .column{display:flex;justify-content:flex-end;flex:1 1 0%;box-sizing:border-box}.content .column:first-child{margin-left:3rem}}.main-column{display:flex;flex-direction:column;margin-bottom:3rem}@media screen and (min-width: 768px){.main-column{margin:0 3rem 3rem;gap:3rem;max-width:768px}}.header-card{height:fit-content}@media screen and (min-width: 768px){.header-card{background:#ffffff1a 0% 0% no-repeat padding-box;border-radius:1.5rem}}.header-card .card-content{padding:2rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center}@media screen and (min-width: 768px){.header-card .card-content{padding:5rem;border-radius:1.5rem;backdrop-filter:blur(1rem) brightness(60%);-webkit-backdrop-filter:blur(3rem);flex-direction:row;gap:2rem}}.header-card .card-content .info{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}.header-card .card-content .info .header{text-align:center}@media screen and (min-width: 768px){.header-card .card-content .info .header{text-align:left}}.header-card .card-content .info .header .title{font-weight:700;font-size:3rem}@media screen and (min-width: 768px){.header-card .card-content .info .header .title{font-size:5rem}}.header-card .card-content .info .header .subtitle{font-weight:300}.header-card .card-content .info .icons{padding:2rem 0;max-width:25rem;display:flex;justify-content:space-between}@media screen and (min-width: 768px){.header-card .card-content .info .icons{padding-top:3rem}}.header-card .card-content .info .icons .icon{cursor:pointer;transition-duration:.25s}.header-card .card-content .info .icons .icon:hover{transform:rotate(-3deg)}.header-card .card-content .info .icons .icon a{color:#fff}.header-card .card-content .text{font: 300 20px/27px Roboto}.header-card .card-content .image{background-color:#000;border-radius:2rem;height:20rem;display:grid;align-items:baseline;justify-items:center;grid-template-areas:"inner-div"}.header-card .card-content .image:hover img{transform:rotate(-7.5deg);transform-origin:bottom left}.header-card .card-content .image img{border:none;border-radius:1.5rem;height:20rem;transition-duration:.25s}.header-card .card-content .image .inner{grid-area:inner-div}.header-card .card-content .image .myspace{font-size:1.25rem}.card{height:fit-content;scroll-margin-top:7rem}@media screen and (min-width: 768px){.card{background:#ffffff1a 0% 0% no-repeat padding-box;border-radius:1.5rem;scroll-margin-top:3rem}}.card .card-content{padding:2rem;display:flex;flex-direction:column;justify-content:space-between}@media screen and (min-width: 768px){.card .card-content{padding:5rem;border-radius:1.5rem;backdrop-filter:blur(1rem) brightness(60%);-webkit-backdrop-filter:blur(3rem)}}.card .card-content .info{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}.card .card-content .info .header{text-align:left}.card .card-content .info .header .title{font-size:3rem;font-weight:700;padding-bottom:1rem;border-bottom:1px solid #707070}@media screen and (min-width: 768px){.card .card-content .info .header .title{font-size:5rem}}.card .card-content .text{padding-top:1rem;font: 300 20px/27px Roboto}@media screen and (min-width: 768px){.card .card-content .text{padding-top:3rem}}.card .card-content .milestones{display:flex;flex-direction:column;gap:3rem;padding-top:2rem}@media screen and (min-width: 992px){.card .card-content .milestones{padding-top:3rem}}.card .card-content .milestone{display:flex;flex-direction:column}@media screen and (min-width: 992px){.card .card-content .milestone{flex-direction:row;align-items:center}}.card .card-content .milestone .image{max-width:5rem;max-height:5rem;padding-right:3rem;padding-bottom:1rem}@media screen and (min-width: 992px){.card .card-content .milestone .image{padding-bottom:0}}.card .card-content .milestone .image img{width:100%;height:100%;border-radius:50%}.card .card-content .milestone .info .title{font-size:2.5rem;font-weight:700}.card .card-content .milestone .info .subtitle{padding-top:1rem;font-size:2rem;font-weight:300;font-style:italic}.card .card-content .milestone .info .link{padding-top:.5rem;font-size:2rem;font-weight:300;font-style:italic}.card .card-content .milestone .date{padding-top:1rem;font-size:2rem;font-weight:400}@media screen and (min-width: 992px){.card .card-content .milestone .date{text-align:right}}.card .card-content .category{display:flex;flex-direction:column;gap:1.5rem}.card .card-content .category .title{font-size:3rem;font-weight:400}.card .card-content .category .skills{display:flex;flex-direction:column;gap:1.5rem}.card .card-content .category .skills .skill{display:flex;align-items:center}.card .card-content .category .skills .skill .image{display:flex;align-items:center;max-width:4rem;padding-right:1.5rem}.card .card-content .category .skills .skill .image img{width:100%;height:100%}.card .card-content .category .skills .skill .name{font-size:2.25rem;font-weight:300;line-height:4rem}.desktop-navigation{display:none}@media screen and (min-width: 768px){.desktop-navigation{display:block;width:fit-content;position:sticky;top:3rem}.desktop-navigation .card-content{padding:1.5rem 3rem}.desktop-navigation ul{list-style-type:none;padding:0;margin:0;font-size:2rem}.desktop-navigation ul li{padding:1rem 0}.desktop-navigation ul li a{padding:1rem 0;text-decoration:none;color:#fff;cursor:pointer}.desktop-navigation ul li a:hover{color:#aaa}.desktop-navigation ul li a:active{color:#888}.desktop-navigation .internal-items{border-bottom:1px solid #707070;padding-bottom:1rem}.desktop-navigation .external-items{padding-top:1rem}}.icon svg{transition:color .25s}.icon svg:hover{color:#aaa}.icon svg:active{color:#888}.mobile-nav-spacer{height:7rem}@media screen and (min-width: 768px){.mobile-nav-spacer{display:none}}.mobile-navigation{width:100%;background-color:#000;position:fixed;top:0;height:7rem;display:flex;flex-direction:column}.mobile-navigation .icon{padding:2rem;cursor:pointer}.mobile-navigation ul{background-color:#1b1b1b;list-style-type:none;padding:0;margin:0;text-align:center}.mobile-navigation ul li{padding:1.5rem 0}.mobile-navigation ul li a{padding:1.5rem 0;text-decoration:none;color:#fff;cursor:pointer}@media screen and (min-width: 768px){.mobile-navigation{display:none}}.mobile-navigation .internal-items{border-bottom:1px solid #707070}.skills-list{display:grid;grid-template-columns:auto;gap:4rem;padding-top:1rem}@media screen and (min-width: 768px){.skills-list{padding-top:3rem}}@media screen and (min-width: 992px){.skills-list{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 1200px){.skills-list{grid-template-columns:repeat(3,1fr)}}body{margin:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}