:root{font-family:"Jersey 10",system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:200;color-scheme:light dark;color:#ffffffd9;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{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%}h1{width:100%;font-size:5em;line-height:1.1;padding-left:4%}h3,span{width:100%;color:#6e5494;font-size:1.4em;text-align:left}p{width:100%;word-break:break-all;text-align:left;font-size:2.5em;padding-left:2%;padding-right:2%}a{font-weight:500;color:#fff;text-decoration:inherit}a:hover{color:#6e5494;font-weight:700}@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;border-radius:5px;border:1px solid rgba(100,100,100,.9)}.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(55%);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 bottom,#000,#0000)}.logo{position:absolute;height:fit-content;width:fit-content;display:flex;justify-content:center;align-items:center;padding:2px;margin-top:1%;margin-left:1%;border-radius:5px;z-index:99}.logo img{height:40px;width:281px;background-position:center;background-size:cover;image-rendering:pixelated;border-radius:inherit;border:1px solid rgba(100,100,100,.9);background-color:#0a0a0a;z-index:inherit}.logo:before,.logo:after{content:"";z-index:98;position:absolute;inset:-.01rem;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}.logo:after{filter:blur(2rem)}@media (max-width: 850px){.sub-box-2,.sub-box-3{gap:10vmin}}nav{position:fixed;width:100%;display:flex;top:0;padding:1%;background-color:transparent;z-index:100}.ham-menu{position:relative;height:40px;width:40px;padding:2px;margin-left:auto;margin-top:.5%;margin-right:1%;border:1px solid transparent;border-radius:5px;transition:.3s ease}.ham-menu:hover{cursor:pointer;border:1px solid white}.ham-menu span{position:absolute;height:5px;width:80%;top:50%;left:50%;border-radius:25px;background-color:#f5f5f5;transform:translate(-50%,-50%);transition:.3s ease}.ham-menu span:nth-child(1){width:70%;top:25%}.ham-menu span:nth-child(3){width:70%;top:75%}.ham-menu.active span:nth-child(1){top:50%;transform:translate(-50%,-50%) rotate(45deg)}.ham-menu.active span:nth-child(2){opacity:0}.ham-menu.active span:nth-child(3){top:50%;transform:translate(-50%,-50%) rotate(-45deg)}.off-screen-menu{height:100vh;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;position:fixed;top:0;right:-400px;border-radius:10px;padding-top:4%;font-size:2.5em;border:1px solid rgba(100,100,100,.5);background-color:#0a0a0a;z-index:100;transition:225ms ease}.off-screen-menu.active{right:-10px}.off-screen-menu a{width:100%;padding:2% 8% 2% 2%;text-align:right;background-color:#0a0a0a;border-bottom:1px solid rgba(100,100,100,.5);transition:transform 50ms ease}.off-screen-menu a:nth-child(1){border-top:1px solid rgba(100,100,100,.5)}.off-screen-menu a:hover{transform:translate(-10px);border:1px solid white;border-right:none;font-weight:800}.b-deck{width:100%;height:fit-content;position:relative;display:flex;flex-direction:row;gap:2.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%;border:none;border-radius:50%}.welcome{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;gap:3vmin;justify-content:center;align-items:center}.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:1px solid rgba(100,100,100,.9);border-radius:50%;perspective:1000px}.portrait-card-inner{position:relative;width:100%;height:100%;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%}.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(2rem)}@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%}}