@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";.pattern-container{position:absolute;top:15%;left:15%;right:15%;bottom:12%;background-image:url(/assets/cross-DOH6FXm9.png);background-size:190px 180px;background-repeat:space;background-position:center;-webkit-mask-image:radial-gradient(circle at center,black 70%,transparent 100%);mask-image:radial-gradient(circle at center,black 70%,transparent 100%);z-index:1}@media (max-width: 650px){.pattern-container{position:absolute;top:15%;left:0%;right:0%;bottom:0%;background-size:50vw 50vw}}.content{position:absolute;top:15%;left:15%;right:15%;bottom:12%;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.logo{position:absolute;top:0;left:50%;transform:translate(-50%,-100%);font-family:JetBrains Mono,monospace;font-weight:300;font-size:5rem;margin:0}.card-row{display:flex;gap:2rem}@media (max-width: 650px){.card-row{width:200px;overflow-x:scroll;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:1rem;padding:5rem;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.card-row::-webkit-scrollbar{display:none}.card-row>*{scroll-snap-align:center;box-sizing:border-box}}.card-link{text-decoration:none}.card{width:200px;height:240px;background:#3a3939;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:-3px 10px 10px #000;transition:transform .3s ease,box-shadow .3s ease}@media (hover: hover){.card:hover{transform:scale(1.05);box-shadow:-3px 20px 20px #000}}.card-logo{width:8rem;height:8rem;margin-bottom:1rem}.card-title{font-size:1.5rem;font-weight:300;color:#fff}.portfolio-page{align-items:center;color:#f0f8ff;height:100vh;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth}.scroll-section{scroll-snap-align:start;height:100vh;box-sizing:border-box;padding:2rem;scroll-snap-stop:always}.home-link{color:inherit}.introduction{text-align:center}.button-wrapper{padding-top:10rem;display:flex;justify-content:center}@media (max-width: 768px){.button-wrapper{display:none}}.view-projects-button{font-family:JetBrains Mono,monospace;background-color:#f0f8ff;font-weight:800;gap:.2rem;display:flex;justify-content:center;align-items:center;border-radius:.5rem;width:10rem;height:3rem;max-width:10rem;cursor:pointer;box-shadow:-4px 4px 6px #0000001a;transition:background-color .3s ease,transform .2s ease}.view-projects-button:hover{background-color:#e0e8f0;transform:translateY(-2px);box-shadow:-6px 6px 8px #00000026}header{display:flex;height:5rem;justify-content:space-between;align-items:center;padding-left:2rem;padding-right:2rem;overflow:hidden;color:#f0f8ff}h1{font-size:4rem;line-height:1.1}h2{font-size:2.5rem;line-height:1.2;margin:.67em 0}h3{font-size:1.75rem;line-height:1.4;margin:.83em 0}h2.line-1{width:9ch;white-space:nowrap;overflow:hidden;border-right:2px solid rgba(255,255,255,.75)}h2.anim-typewriter{animation:typewriter 1.5s steps(9) .5s 1 normal both,blinkTextCursor .5s steps(9) 5 2.5s forwards}@keyframes typewriter{0%{width:0}to{width:9ch}}@keyframes blinkTextCursor{0%{border-right-color:#ffffffbf}to{border-right-color:transparent}}html{overflow:hidden;height:100%;font-family:JetBrains Mono,monospace}body{overflow:auto;height:100%;font-family:JetBrains Mono,monospace}.fade-enter{opacity:0;position:absolute;width:100%;height:100%}.fade-enter-active{opacity:1;transition:opacity .3s ease-in-out}.fade-exit{opacity:1;position:absolute;width:100%;height:100%}.fade-exit-active{opacity:0;transition:opacity .3s ease-in-out}body{margin:0;min-width:320px;min-height:100vh}.background{position:relative;width:100vw;height:100vh;margin:0;padding:0;background:#2c2a2a}