body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:headingFont;src:url()}body{background-color:#141414;margin:0}body::-webkit-scrollbar{display:none}.swapY{position:relative;transform:scaleY(-1);z-index:2}.nav{height:10vh}.intro,.nav{align-items:center;display:flex;flex-direction:row}.intro{background-color:#282828;border-radius:.5em;color:#f0f0f0;font-family:Lucida Sans Typewriter,Lucida Console,monaco,Bitstream Vera Sans Mono,monospace;height:clamp(3rem,8vh,6rem);justify-content:center;margin-left:3rem;margin-top:1rem;overflow:hidden;text-align:center;white-space:nowrap;width:clamp(10rem,40vw,40rem)}.name{color:#7848c4}.menu-links{align-items:center;background-color:#282828;border-radius:.5em;display:flex;flex-direction:row;height:clamp(3rem,8vh,6rem);justify-content:center;margin-left:auto;margin-right:2rem;margin-top:1rem;width:clamp(5rem,10vw,10rem)}.github-icon{background-color:#dcdcdc;border-radius:50%;height:2rem;margin-left:.5em;margin-right:1em;width:2rem}.linkedin-icon{background-color:#282828;border-radius:10%;height:1.75rem;margin-left:1em;margin-right:.5em;padding:.25rem;width:1.75rem}.menu{align-items:center;display:flex;flex-direction:row;height:90vh}html{scroll-behavior:smooth}.row{align-items:center;display:flex;flex-direction:row;height:clamp(3rem,6vw,8rem);margin-bottom:2.5%;margin-top:5%;transform:scaleX(-1);width:-webkit-min-content;width:min-content}.contents-bar{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#bar,.contents-bar{align-items:center;display:flex;justify-content:center}#bar{background-color:#3a2963;flex-direction:column;height:80vh;width:1em}.bar-wrapper{align-items:center;display:flex;justify-content:center;min-width:18em}.bar-peg{background-color:#916fff;border-radius:.175em;transition:width .4s;width:9em}.bar-peg,.bar-projects{align-items:center;height:.75em;justify-content:center}.bar-projects{bottom:clamp(9rem,22vw,24rem);transition:width .3s}.bar-contact,.bar-projects{background-color:#4b27a1;position:absolute;width:12em}.bar-contact{align-items:center;bottom:clamp(6rem,14vw,16rem);height:.75em;justify-content:center;transition:width .5s}.menu-items-wrapper{width:70vmax}#menu-items,.menu-items-wrapper{display:flex;justify-content:center}#menu-items{border-radius:.5em;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.menu-item{z-index:2}.menu-item,.menu-item-2{color:#dcdcdc;display:block;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:6vw;font-weight:bolder;position:relative;text-decoration:none;transform:scaleX(-1);transition:font-size .4s,color .2s}.about-1{left:0}.about-1,.about-4{border-radius:5%;height:40%;position:absolute;scale:0;top:30%;transition:scale .4s,transform .4s,top .4s,left .4s;width:auto}.about-4{left:85%}.about-3{left:60%;transform:rotate(-45deg)}.about-2,.about-3{border-radius:5%;height:40%;position:absolute;scale:0;top:30%;transition:scale .4s,transform .4s,top .4s,left .4s;width:auto}.about-2{left:25%;transform:rotate(45deg)}.project-4{left:85%}.project-2,.project-4{border-radius:5%;height:40%;position:absolute;scale:0;top:30%;transition:scale .4s,transform .4s,top .4s,left .4s;width:auto}.project-2{left:30%;transform:rotate(45deg)}.project-3{left:55%;transform:rotate(-45deg)}.project-1,.project-3{border-radius:5%;height:40%;position:absolute;scale:0;top:30%;transition:scale .4s,transform .4s,top .4s,left .4s;width:auto}.project-1{left:0;transform:rotate(0deg)}.project-8{left:85%}.project-7,.project-8{border-radius:5%;height:40%;position:absolute;scale:0;top:30%;transition:scale .4s,transform .4s,top .4s,left .4s;width:auto}.project-7{left:55%;transform:rotate(45deg)}.project-6{border-radius:5%;height:40%;left:30%;position:absolute;scale:0;top:30%;transform:rotate(-45deg);transition:scale .4s,transform .4s,top .4s,left .4s;width:auto}.project-5{transform:rotate(0deg)}.contact-1,.project-5{left:0}.contact-1,.contact-3,.project-5{border-radius:5%;height:40%;position:absolute;scale:0;top:30%;transition:scale .4s,transform .4s,top .4s,left .4s;width:auto}.contact-3{left:65%;transform:rotate(45deg)}.contact-2{left:25%;transform:rotate(-45deg)}.contact-2,.contact-4{border-radius:5%;height:40%;position:absolute;scale:0;top:30%;transition:scale .4s,transform .4s,top .4s,left .4s;width:auto}.contact-4{left:89%;transform:rotate(0deg)}#menu-items:hover>.row>.menu-item{color:#464646}#menu-items:hover>.row>.bar-wrapper>.bar-peg{width:6em}#menu-items:hover>.row>.menu-item:hover~.bar-wrapper>.bar-peg{width:8em}#menu-items:hover>.row>.menu-item:hover{color:#f0f0f0;font-size:6.5vw}#menu-items:hover>.swapY>.row>.swapY>.menu-item-2{color:#464646}#menu-items:hover>.swapY>.row>.bar-wrapper>.bar-peg{width:6em}#menu-items:hover>.swapY>.row>.swapY:hover~.bar-wrapper>.bar-peg{width:9em}#menu-items:hover>.swapY>.row>.swapY>.menu-item-2:hover{color:#f0f0f0;font-size:6.5vw}#contact{height:100vh}.contact-blurb{border-radius:.5em;height:clamp(3rem,8vh,6rem);width:clamp(10rem,40vw,40rem)}.contact-blurb,.contact-message{align-items:center;background-color:#282828;color:#f0f0f0;display:flex;flex-direction:row;font-family:Lucida Sans Typewriter,Lucida Console,monaco,Bitstream Vera Sans Mono,monospace;justify-content:center;margin-left:3rem;overflow:hidden;text-align:center;white-space:nowrap}.contact-message{border:none;border-radius:.5em;height:40vh;margin-top:1rem;padding:2rem;text-align:left;vertical-align:top;width:90vw}textarea{outline:none;resize:none;vertical-align:top}.contact-button-container{align-items:center;display:flex;height:15vh;justify-content:center;width:100vw}.contact-button{background-color:#7848c4;border:none;border-radius:.3em;color:#dcdcdc;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:1.5em;font-weight:bolder;height:clamp(3rem,4vh,6rem);margin-left:clamp(.5rem,1rem,3rem);margin-right:clamp(.5rem,1rem,3rem);text-decoration:none;transition:background-color .2s;width:clamp(10rem,30vw,20rem)}.contact-button:hover{background-color:#916fff;cursor:pointer}#menu-items:hover>.row>.menu-item:hover>.about-1{left:-15%;scale:1;top:-30%;transform:rotate(-45deg)}#menu-items:hover>.row>.menu-item:hover>.about-4{left:100%;scale:1;top:-30%;transform:rotate(45deg)}#menu-items:hover>.row>.menu-item:hover>.about-2,#menu-items:hover>.row>.menu-item:hover>.about-3{scale:1;top:-50%;transform:rotate(0deg)}#menu-items:hover>.swapY>.row>.swapY:hover>.menu-item-2>.project-8{left:100%;scale:1;top:95%;transform:rotate(-45deg)}#menu-items:hover>.swapY>.row>.swapY:hover>.menu-item-2>.project-6,#menu-items:hover>.swapY>.row>.swapY:hover>.menu-item-2>.project-7{scale:1;top:115%;transform:rotate(0)}#menu-items:hover>.swapY>.row>.swapY:hover>.menu-item-2>.project-5{left:-15%;scale:1;top:100%;transform:rotate(-135deg)}#menu-items:hover>.swapY>.row>.swapY:hover>.menu-item-2>.project-4{left:100%;scale:1;top:-30%;transform:rotate(45deg)}#menu-items:hover>.swapY>.row>.swapY:hover>.menu-item-2>.project-2,#menu-items:hover>.swapY>.row>.swapY:hover>.menu-item-2>.project-3{scale:1;top:-50%;transform:rotate(0)}#menu-items:hover>.swapY>.row>.swapY:hover>.menu-item-2>.project-1{left:-15%;scale:1;top:-30%;transform:rotate(-45deg)}#menu-items:hover>.swapY>.row>.swapY:hover>.menu-item-2>.contact-1{left:-15%;scale:1;top:80%;transform:rotate(45deg)}#menu-items:hover>.swapY>.row>.swapY:hover>.menu-item-2>.contact-2,#menu-items:hover>.swapY>.row>.swapY:hover>.menu-item-2>.contact-3{scale:1;top:110%;transform:rotate(0)}#menu-items:hover>.swapY>.row>.swapY:hover>.menu-item-2>.contact-4{left:102%;scale:1;top:80%;transform:rotate(-45deg)}.pictures-wrapper{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:auto}.profile-background{background-color:#232323;border-radius:50%;height:clamp(10.5rem,20rem,30.5rem);position:relative;width:clamp(10.5rem,20rem,30.5rem)}.image-cropper{align-items:center;border-radius:50%;justify-content:center;margin:1rem;max-height:80%;max-width:80%}.lower-menu{display:flex;flex-direction:row}.menu-button-wrapper{align-items:center;display:flex;height:25vh;justify-content:center;width:70vw}.menu-button{background-color:#7848c4;border:none;border-radius:.3em;color:#dcdcdc;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:1.5em;height:clamp(3rem,10vh,6rem);margin-left:clamp(.5rem,1rem,3rem);margin-right:clamp(.5rem,1rem,3rem);text-decoration:none;transition:background-color .2s;width:clamp(10rem,30vw,20rem)}.menu-button:hover{background-color:#916fff;border:solid #916fff}.blurb-wrapper{height:25vh;width:30vw}.blurb,.blurb-wrapper{display:flex;justify-content:center}.blurb{align-items:center;background-color:#323232;border-radius:.5em;color:#f0f0f0;flex-direction:row;font-family:Lucida Sans Typewriter,Lucida Console,monaco,Bitstream Vera Sans Mono,monospace;height:clamp(3rem,10vh,6rem);text-align:center;width:clamp(10rem,30vw,20rem)}.about-heading{height:20vh}.about-greeting,.about-heading{align-items:center;justify-content:center}.about-greeting{background-color:#141414;border-radius:.5em;color:#f0f0f0;display:flex;flex-direction:row;font-family:Lucida Sans Typewriter,Lucida Console,monaco,Bitstream Vera Sans Mono,monospace;height:clamp(3rem,8vh,6rem);margin-left:3rem;margin-top:1rem;overflow:hidden;text-align:center;white-space:nowrap;width:clamp(10rem,40vw,40rem)}.about-title{color:#dcdcdc;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:clamp(3rem,4vw,8rem);font-weight:bolder;padding-bottom:1.5rem;padding-left:3rem;padding-top:1.5rem}.about-info{flex-direction:column}.about-info,.about-paragraph{align-items:center;display:flex}.about-paragraph{background-color:#141414;border-radius:.5em;color:#f0f0f0;font-family:Lucida Sans Typewriter,Lucida Console,monaco,Bitstream Vera Sans Mono,monospace;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding:1rem;text-align:center;width:clamp(10rem,80vw,70rem);word-break:break-word}.about-toggle{display:flex;flex-direction:row;margin-top:1rem}.club-btn{background-color:#7848c4;border:#7848c4;border-bottom-left-radius:.5rem;border-top-left-radius:.5rem;-webkit-clip-path:polygon(0 0,92% 0,100% 100%,0 100%);clip-path:polygon(0 0,92% 0,100% 100%,0 100%);color:#dcdcdc;font-family:Lucida Sans Typewriter,Lucida Console,monaco,Bitstream Vera Sans Mono,monospace;font-size:.75rem;font-weight:700;height:2.5rem;transition:.5s;width:12rem}.club-btn:hover{cursor:pointer}.all-btn{background-color:#916fff;border:none;border-bottom-right-radius:.25rem;border-top-left-radius:.1rem;border-top-right-radius:.5rem;-webkit-clip-path:polygon(0 0,94.5% 0,100% 100%,5.5% 100%);clip-path:polygon(0 0,94.5% 0,100% 100%,5.5% 100%);color:#dcdcdc;font-family:Lucida Sans Typewriter,Lucida Console,monaco,Bitstream Vera Sans Mono,monospace;font-size:.75rem;font-weight:700;height:2.5rem;transition:.5s;width:17rem}.all-btn:hover{cursor:pointer}.coop-btn{background-color:#7848c4;border:none;border-bottom-right-radius:.25rem;border-bottom-right-radius:.5rem;border-top-left-radius:.1rem;border-top-right-radius:.5rem;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,8% 100%);clip-path:polygon(0 0,100% 0,100% 100%,8% 100%);color:#dcdcdc;font-family:Lucida Sans Typewriter,Lucida Console,monaco,Bitstream Vera Sans Mono,monospace;font-size:.75rem;font-weight:700;height:2.5rem;transition:.5s;width:12rem}.coop-btn:hover{cursor:pointer}.about-experience-wrapper{grid-gap:1rem;align-items:stretch;display:grid;grid-template-columns:repeat(auto-fill,minmax(35vw,1fr));justify-content:center;margin-top:2rem;width:80vw}.about-experience-grid-item{align-items:center;animation:fadeIn .3s ease-in-out;display:flex;justify-content:center;transform:.3s}.about-experience{background-color:#282828;border-radius:.5em;color:#f0f0f0;display:flex;flex-direction:row;font-family:Lucida Sans Typewriter,Lucida Console,monaco,Bitstream Vera Sans Mono,monospace;height:clamp(5rem,20vh,9rem);overflow:hidden;white-space:nowrap;width:35vw}.about-experience-image-frame{align-items:center;display:flex;height:clamp(5rem,20vh,9rem);justify-content:center;width:10vw}.about-experience-image{border-radius:.5rem;height:5rem}.about-experience-title-frame{align-items:center;display:flex;flex-direction:column;height:clamp(5rem,20vh,9rem);justify-content:center;width:30vw}.about-experience-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.about-experience-role{font-size:1rem}#projects{display:flex;flex-direction:column}.projects-info{align-items:center;display:flex;justify-content:center}.projects-background{grid-gap:1rem;align-items:stretch;border-radius:.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(20vw,1fr));justify-content:center;padding:1rem;width:90vw}.projects-background-grid-item{align-items:center;display:flex;flex-direction:column;height:23rem;justify-content:center}.projects-button-wrapper{outline:none;text-decoration:none}.projects-item{align-items:center;-ms-align-items:center;animation:fadeIn 2s;background-color:#282828;border:none;border-radius:.5rem;display:flex;flex-direction:column;height:22rem;overflow:hidden;position:relative;transition:.2s;width:17rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.projects-item:hover{cursor:pointer;height:23rem;width:18rem}.projects-item:hover>.projects-item-picture-background{height:15rem;width:17.5rem}.projects-item:hover>.projects-item-picture-background>.projects-item-picture{height:14rem;width:14rem}.projects-item:hover>.projects-item-title-wrapper{height:3rem;transition:.3s}.projects-item:hover>.projects-item-title{font-size:1.6rem}.projects-item:hover>.projects-item-details-wrapper>.projects-item-description{font-size:.74rem}.projects-item:hover>.projects-item-details-wrapper{width:17.1rem}.projects-item:hover>.projects-item-details-wrapper>.projects-item-bracket{font-size:3.1rem}.projects-item:hover:before{animation:rotate 1.5s linear infinite;background-color:#7848c4;content:"";height:70%;padding-top:10em;position:absolute;top:-60%;transform-origin:bottom;width:70%}.projects-item:hover:after{background-color:#141414;border-radius:.5rem;content:"";inset:.25rem;position:absolute}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.projects-item-picture-background{align-items:center;background-color:#f0f0f0;border-radius:.5rem .5rem 0 0;display:flex;height:14rem;justify-content:center;margin-bottom:1rem;margin-top:.25rem;transition:.2s;width:16.5rem;z-index:2}.projects-item-picture{border-radius:.5rem;height:13rem;margin-bottom:1rem;margin-top:1rem;transition:.2s;width:13rem;z-index:2}.projects-item-title-wrapper{align-items:center;display:flex;height:3rem;justify-content:center;text-align:center;transition:.2s;width:17rem}.projects-item-title{color:#f0f0f0;font-family:Lucida Sans Typewriter,Lucida Console,monaco,Bitstream Vera Sans Mono,monospace;font-size:1.5rem;font-weight:700;transition:.2s;z-index:2}.projects-item-details-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:center;text-align:center;transition:.2s;width:16rem;z-index:2}.projects-item-bracket{color:#7848c4;font-size:3rem;transition:.2s}.projects-item-description{color:#f0f0f0;font-family:Lucida Sans Typewriter,Lucida Console,monaco,Bitstream Vera Sans Mono,monospace;font-size:.7rem;transition:.2s}.projects-popup-background{background-color:#323232;height:20rem;width:50rem}.modal{background-color:#323232;height:50vh;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:50vw;z-index:10}.modal>.close{background:#fff;border:1px solid #cfcece;border-radius:18px;cursor:pointer;display:block;font-size:24px;line-height:20px;padding:2px 5px;position:absolute;right:-10px;top:-10px}.popup-content{background:#fff;border:1px solid #d7d7d7;margin:auto;padding:5px;width:50%}[role=tooltip].popup-content{border-radius:5px;box-shadow:0 0 3px #00000029;width:200px}.popup-overlay{background:#00000080}[data-popup=tooltip].popup-overlay{background:#0000}.popup-arrow{stroke-width:2px;stroke:#d7d7d7;stroke-dasharray:30px;stroke-dashoffset:-54px;bottom:0;color:#fff;filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));left:0;right:0;top:0}
/*# sourceMappingURL=main.2ac806a5.css.map*/