@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;400;600&family=Roboto+Condensed:wght@300;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;400;600&family=Roboto+Condensed:wght@300;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;400;600&family=Roboto+Condensed:wght@300;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;400;600&family=Roboto+Condensed:wght@300;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;400;600&family=Roboto+Condensed:wght@300;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;400;600&family=Roboto+Condensed:wght@300;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;400;600&family=Roboto+Condensed:wght@300;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;400;600&family=Roboto+Condensed:wght@300;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;400;600&family=Roboto+Condensed:wght@300;700&display=swap);
*{box-sizing:border-box}body{margin:0;font-family:"Inter",Helvetica,Arial,sans-serif;font-size:16px;line-height:150%;font-weight:400;color:#ccc;background-color:#000}body>*{max-width:1440px}@media(min-width: 1440px){body>*{margin:auto}}h1,h2,h3{color:#fff;line-height:normal;margin-top:1rem;margin-bottom:1rem}footer{text-align:center;color:#aaa;background:#111;padding:5px 0}
section.hero{height:100vh;max-height:1400px;background:url(assets/background.png);background-position:center right;background-size:cover;background-repeat:no-repeat no-repeat;padding:0 100px;display:flex;flex-flow:column nowrap}@media(max-width: 1024px){section.hero{padding:0 20px}}section h1{font-family:"Inter",Helvetica,Arial,sans-serif;font-size:60px;font-weight:200}@media(max-width: 526px){section h1{font-size:40px}}section h2{font-family:"Inter",Helvetica,Arial,sans-serif;font-size:24px;font-weight:600}section p{font-family:"Inter",Helvetica,Arial,sans-serif;font-size:16px;line-height:150%;font-weight:400}section .cta-group{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;gap:5px 20px}section .hero-text{max-width:500px;margin:auto 0}
.icons-group{list-style:none;margin:0;padding:10px 0;display:flex;flex-flow:row wrap;gap:5px 25px}.icons-group a{text-decoration:none}
.btn{font-family:"Inter",Helvetica,Arial,sans-serif;font-size:16px;line-height:150%;font-weight:400;font-size:18px;font-weight:600;outline:none;width:150px;border:0;padding:2px;border-radius:8px;text-align:center;cursor:pointer;transition:.2s linear all;display:flex;justify-content:center;align-items:stretch}.btn a{width:100%;padding:6px 10px;color:inherit;background-color:inherit;text-decoration:inherit}.btn.default{background-color:#fff;color:#000}.btn.primary{background-color:#001f5c;color:#7aa7ff}.btn.primary:hover{background-color:#001643}.btn.secondary{background-color:#7aa7ff;color:#001f5c}
nav{display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}nav ul{list-style:none;padding:16px 0;display:flex;margin:0;gap:25px}nav ul li a{font-family:"Inter",Helvetica,Arial,sans-serif;font-size:16px;line-height:150%;font-weight:400;color:#fff;text-decoration:underline;text-decoration-color:#7aa7ff;text-decoration-thickness:2px}
#projects{padding:0 100px}#projects h2{text-align:center}@media(max-width: 1024px){#projects{padding:0 20px}}@media(max-width: 768px){.sticky{position:sticky}}
.p-subnav{list-style:none;padding:10px 0;margin:0;display:flex;flex-flow:row wrap;align-items:stretch;gap:10px;display:flex;flex-flow:row wrap}.p-subnav button{flex:1 1 auto;outline:0;border:0;padding:10px;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,0);font-family:"Inter",Helvetica,Arial,sans-serif;font-size:16px;line-height:150%;font-weight:400;color:#aaa;border-radius:3px;cursor:pointer;transition:all .1s linear}.p-subnav button:focus{transition:none;outline:2px solid #7aa7ff;border-radius:3px}@media(max-width: 526px){.p-subnav button{width:auto;font-family:"Inter",Helvetica,Arial,sans-serif;font-size:14px;line-height:150%;font-weight:400}}.p-subnav button.selected{border:1px solid #7aa7ff}.p-subnav button:hover,.p-subnav button.selected{color:#fff}
.category-nav{padding:10px 0;margin:0;list-style:none;display:flex;flex-flow:row wrap;gap:5px 20px}@media(max-width: 526px){.category-nav{gap:0 8px}}.category-nav>button{display:block;outline:0;border:0;padding:0;background:rgba(0,0,0,0);text-decoration:underline;height:32px;padding:0 5px;min-width:60px;cursor:pointer;color:#7aa7ff;transition:all .2s linear}.category-nav>button:focus{transition:none;outline:2px solid #7aa7ff;border-radius:3px}.category-nav>button:not(.selected):hover{color:#fff;background-color:#111}.category-nav>button.selected{cursor:auto;color:#fff;text-decoration:none}
.open-project{display:grid;grid-template-columns:65% 1fr;margin:20px 0}@media(max-width: 860px){.open-project{display:block}}.open-project .image{max-width:100%;max-height:100%;min-height:350px;grid-column:1/2;perspective:300px;perspective-origin:50% 50%}@media(max-width: 768px){.open-project .image{min-height:unset}}.open-project .image img{width:100%;border-radius:5px;transform:rotateY(2deg) translateZ(-15px);animation:img-animate 5s linear;animation-iteration-count:infinite;transition:transform .3s linear}.open-project .image:hover img{transform:unset}.open-project .details{grid-column:2/3;padding:0 20px}.open-project .details p+div{margin-bottom:16px}.skills{display:inline-flex;word-wrap:normal;flex-flow:row wrap;gap:5px;padding:0 5px;list-style:none}.skills>li{display:inline;padding:2px 1em;border-radius:1em;background-color:rgba(0,31,92,.2);color:#7aa7ff;font-weight:bold}