:root{font-family:"Jersey 10",system-ui,sans-serif;font-optical-sizing:auto;color-scheme:light dark;color:#ffffffd9;background-color:#000}*{box-sizing:border-box;margin:0;padding:0}img{-khtml-user-select:none;-o-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none}body,html{height:100%;word-break:normal;text-align:justify;letter-spacing:.01em;text-rendering:optimizeLegibility;font-weight:800}h1{width:100%;font-size:5em;line-height:1.1;padding-left:4%}h3,span{width:100%;color:#6e5494;font-size:1.4em}p{width:100%;font-size:2.5em;padding-left:2%;padding-right:2%}a{text-decoration:inherit;background-image:linear-gradient(#91a7ff,#311b92);color:transparent;-webkit-background-clip:text;background-clip:text;transition:all .18s ease}a:hover{color:#fff;cursor:pointer}button:hover{cursor:pointer}@media(max-width:850px){p{font-size:1.8em}h1{padding-left:0;text-align:center;font-size:3.2em}h3{font-size:1.25em}}.box{width:100%;height:fit-content;display:flex;flex-direction:column;flex-flow:column;background:none}.sub-box-1{position:relative;width:100%;height:100vh;background:none}.sub-box-1-1{position:relative;width:100%;height:fit-content;display:flex;flex-direction:column;flex-flow:wrap;gap:3vmin;justify-content:center;align-items:center;padding-bottom:6vmin;background:none}.background{position:absolute;width:100%;height:100vh}.background img{width:100%;height:100%;filter:brightness(30%);background-position:center;object-fit:cover;image-rendering:optimizeSpeed;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,1)),to(rgba(0,0,0,0)));mask-image:linear-gradient(to top,#000,#0000)}@media(max-width:850px){.sub-box-1{gap:10vmin}}nav{position:absolute;height:fit-content;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px;background-color:transparent;z-index:100}.nav-button-container{height:100%;width:100%;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:space-evenly}.nav-button{position:relative;width:fit-content;height:fit-content;display:flex;justify-content:center;align-items:center;text-align:center}.nav-button a{font-size:2.3em;display:inline-block;position:relative}.nav-button a:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:#91a7ff;transition:transform .25s ease-out}.nav-button a:hover:after{transform:scaleX(1)}.logo{position:relative;height:fit-content;width:100%;display:flex;align-items:center;justify-content:center;padding:30px}.logo-img-container{position:relative;height:40px;width:281px;display:flex;align-items:center;border-radius:4px}.logo img{height:100%;width:100%;object-fit:cover;image-rendering:pixelated;background-color:#0a0a0a;border:4px solid #0a0a0a}.logo-img-container:before,.logo-img-container:after{content:"";z-index:-1;position:absolute;inset:-.3rem;background:conic-gradient(from var(--gradient-angle),var(--clr-2),var(--clr-3),var(--clr-4),var(--clr-3),var(--clr-2));border-radius:inherit;animation:rotation 8s linear infinite}.logo-img-container:after{filter:blur(1rem)}@media(max-width:850px){.nav-button a{font-size:1.8em}}.b-deck{width:100%;height:fit-content;position:relative;display:flex;flex-direction:row;gap:5vmin;justify-content:center}.b-d-button{position:relative;width:4em;height:4em;border-radius:50%;box-shadow:0 12px 22px #000;transition:all .18s ease}.b-d-button:hover{transform:translateY(-10px)}.b-d-button button{position:absolute;width:100%;height:100%;border-style:none;background:transparent}.b-d-button img{position:absolute;width:100%;height:100%;image-rendering:pixelated;border:none}.welcome{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;gap:3vmin;justify-content:center;align-items:center;background-image:linear-gradient(to bottom,transparent 75%,black)}.portrait{width:100%;height:fit-content;position:relative;display:flex;justify-content:center;align-items:center}.portrait-card{width:30em;height:30em;background-color:transparent;border-radius:50%;perspective:1000px}.portrait-card-inner{position:relative;width:100%;height:100%;border:3px solid #0a0a0a;border-radius:50%;transition:transform .8s;transform-style:preserve-3d}.portrait-card:hover .portrait-card-inner{transform:rotateY(180deg)}.portrait-front,.portrait-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:50%}.portrait-img{width:100%;height:100%;object-fit:cover;image-rendering:optimizeQuality;border-radius:50%}.portrait-back{display:flex;justify-content:center;align-items:center;text-align:center;background-color:#0a0a0a;transform:rotateY(180deg)}@media(max-width:800px){.portrait-card{width:18em;height:18em}.b-d-button{width:3em;height:3em}.off-screen-menu{padding-top:13%}}.p-deck{width:100%;height:fit-content;position:relative;display:flex;flex-direction:row;flex-flow:wrap;padding-left:5vmin;padding-right:5vmin;padding-top:5vmin;gap:6vmin;justify-content:center;align-items:center}.p-d-button{position:relative;width:30%;height:35vmin;display:flex;flex-direction:column;border-radius:5px;background:none;border:none;transition:transform .2s ease}.p-d-button:hover{cursor:pointer;transform:translateY(-15px)}.p-d-button:before,.p-d-button:after{position:absolute;content:"";z-index:-1;inset:-.5rem;animation:rotation 15s linear infinite}.p-deck .p-d-button:nth-child(1):before,.p-deck .p-d-button:nth-child(1):after{background:conic-gradient(from var(--gradient-angle),var(--clr-2),var(--clr-3),var(--clr-4),var(--clr-3),var(--clr-2));border-radius:inherit}.p-deck .p-d-button:nth-child(2):before,.p-deck .p-d-button:nth-child(2):after{background:conic-gradient(from var(--gradient-angle),var(--clr-4),var(--clr-3),var(--clr-2),var(--clr-3),var(--clr-4));border-radius:inherit}.p-deck .p-d-button:nth-child(3):before,.p-deck .p-d-button:nth-child(3):after{background:conic-gradient(from var(--gradient-angle),var(--clr-3),var(--clr-2),var(--clr-4),var(--clr-2),var(--clr-3));border-radius:inherit}.p-d-button:after{filter:blur(1.5rem)}.bg{position:absolute;width:100%;height:100%;border-radius:inherit;object-fit:cover;image-rendering:pixelated;filter:blur(5px)}.lg-holder{position:relative;height:45%;width:100%}.lg{position:absolute;width:100%;height:100%;padding:1%;object-fit:scale-down;image-rendering:pixelated}.p-d-button p{position:relative;height:55%;width:100%;padding:1%;font-size:2em;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;background-color:#0a0a0a}@media(max-width:850px){.p-d-button{width:95%;height:52vmin}.p-deck{gap:10vmin}.p-d-button p{font-size:1.5em}}.fade-in-element{opacity:0;transform:translateY(40px);transition:opacity .5s ease-out,transform .6s ease-out}.fade-in-element.is-visible{opacity:1;transform:translateY(0)}:root{--clr-1: #350e64;--clr-2: #311b92;--clr-3: #6e5494;--clr-4: #91a7ff;--clr-5: white}@property --gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.about-card{position:relative;height:fit-content;width:100%;display:flex;flex-direction:row;flex-flow:wrap;padding-top:1.5vmin;padding-bottom:1.5vmin;background-color:#0a0a0a;border-radius:5px}.about-card p{position:relative;height:100%;width:50%}.about-card .full-p{width:100%;height:100%}.about-card .skill-p{width:25%;height:100%}.skill-p span{background-image:linear-gradient(#91a7ff,#311b92);color:transparent;-webkit-background-clip:text;background-clip:text}.about-card:before,.about-card:after{content:"";z-index:-1;position:absolute;inset:-.5rem;background:conic-gradient(from var(--gradient-angle),var(--clr-2),var(--clr-3),var(--clr-4),var(--clr-3),var(--clr-2));border-radius:inherit;animation:rotation 15s linear infinite}.about-card:after{filter:blur(3rem)}@keyframes rotation{0%{--gradient-angle: 0deg }to{--gradient-angle: 360deg }}@media(max-width:850px){.about-card p{width:100%;margin-top:1%;margin-bottom:1%}.about-card .skill-p{width:50%;margin-top:1%;margin-bottom:1%;border-top:1px solid rgba(100,100,100,.9)}}.ReactCollapse--collapse{width:91.5%;transition:height .3s ease;margin-left:auto;margin-right:auto}.parent .btn{width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:25px solid #91a7ff;background:none}.parent .btn:hover{cursor:pointer;border-left:25px solid whitesmoke}.parent{position:relative;width:100%;height:fit-content;display:flex;flex-direction:column;flex-flow:wrap;gap:1vmin;justify-content:center;align-items:center;background:none}.btn-parent{width:100%;height:fit-content;padding-bottom:5px;padding-left:4%}@media(max-width:850px){.ReactCollapse--collapse{width:86%}.btn-parent{display:flex;justify-content:center;align-items:center;padding-left:0%}}