@import"https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap";.topNavigation{position:fixed;top:0;left:0;right:0;z-index:100;background-color:#ffffff78;background-image:none;height:3rem;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px #0000001a}.topNavigation a{display:flex;align-items:center}.topNavigation .logo{width:3rem;margin:auto;padding-right:5px}.topNavigation .navLinks{display:flex;align-items:center;justify-content:center}.topNavigation .navLinks a:after{content:" ";font-size:1.5rem;padding:0 1rem;cursor:auto}.topNavigation .navLinks a:last-child:after{content:none;padding:0}.topNavigation .hamburgerIcon{display:none}.topNavigation .hamburgerIcon{height:4rem;width:4rem}.topNavigation .navLinksMini{display:none}@media (max-width: 950px){.topNavigation .navLinks{display:none}.topNavigation .navLinksMini{background-color:#000000e6;display:flex;flex-direction:column;width:100%;height:0em;margin:0;left:0;top:3rem;position:fixed;align-items:center;justify-content:center;visibility:hidden;transition:ease;transition-duration:.5s;overflow:hidden}.topNavigation .open{height:8rem;visibility:visible;transition:ease;transition-duration:.5s}.topNavigation .navLinksMini a{display:flex;justify-content:center;align-items:center;margin:.5em}.topNavigation .hamburgerIcon{display:block}.topNavigation #hamburger{cursor:pointer;width:100%;height:100%}}.App{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh}.App h1{margin:10rem 0 2rem}.App .waviy{-webkit-box-reflect:below -20px linear-gradient(transparent,rgba(0,0,0,.2));font-size:60px;display:flex;gap:1rem}.App .waviy span{font-family:Alfa Slab One,cursive;position:relative;color:#000;text-transform:uppercase}.App .waviy .waviy-span1{display:inline-block;animation:waviy 3s infinite;animation-delay:.2s}.App .waviy .waviy-span2{display:inline-block;animation:waviy 3s infinite;animation-delay:.4s}.App .waviy .waviy-span3{display:inline-block;animation:waviy 3s infinite;animation-delay:.6s}.App .waviy .waviy-span4{display:inline-block;animation:waviy 3s infinite;animation-delay:.8s}.App .waviy .waviy-span5{display:inline-block;animation:waviy 3s infinite;animation-delay:1s}.App .waviy .waviy-span6{display:inline-block;animation:waviy 3s infinite;animation-delay:1.2s}.App .waviy .waviy-span7{display:inline-block;animation:waviy 3s infinite;animation-delay:1.4s}.App .waviy .waviy-span8{display:inline-block;animation:waviy 3s infinite;animation-delay:1.6s}@keyframes waviy{0%,40%,to{transform:translateY(0)}20%{transform:translateY(-20px)}}.App .home-content{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap}.App .arrow{animation:MoveArrow 1s linear infinite;position:relative;padding-top:1rem}.App .arrow:hover{cursor:pointer}@keyframes MoveArrow{0%,to{bottom:0}50%{bottom:20px}}section{padding:3.75rem 0 0}.Projects{min-height:100vh;text-align:center}.Projects h1{margin:0;font-size:2.5rem}.Projects .project-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:3rem;text-align:left;margin:4rem 8rem}.Projects .project-container .project-image-container{width:50%}.Projects .project-container .project-image-container img{object-fit:cover;height:20rem;width:100%;border-radius:15px;border:1px solid #000}.Projects .project-container .project-image-container img:hover{transform:scale(1.01);transition-duration:.5s;cursor:pointer;-webkit-filter:brightness(120%);box-shadow:1px 1px 1px 1px #000}.Projects .project-container .project-text{width:50%}.Projects .project-container .circle-container{width:2rem;height:2rem;border-radius:50%;background-color:#f1929a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.Projects .project-container .project-buttons{display:flex;flex-direction:row;gap:1rem}@media screen and (max-width: 900px){.Projects .project-container{flex-direction:column;margin:4rem 2rem}.Projects .project-container .project-image-container,.Projects .project-container .project-text{width:100%}}.slideanim{visibility:hidden}.slideanim.slide{visibility:visible;animation:slide 1s}.slideanim:after{content:"";display:table;clear:both}@keyframes slide{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}.modal{position:fixed;overflow:scroll}.modal-header{font-size:1.3rem}#about{padding:1.5rem 0 0}.About{text-align:center}.About .experience-container{width:80%;margin:auto}.About .experience-container h3{margin:0 0 .2rem;font-size:1.5rem;font-weight:700}.About .experience-container h4{margin:0;font-size:1rem}.About .experience-container .experience-card{display:flex;flex-direction:column;gap:.5rem;margin:2rem 0;padding:1rem 2rem;border-radius:15px;border:1px solid #000;background-color:#ffffff78;box-shadow:1px 1px 1px 1px #000}.About .experience-container .experience-card .experience-card-header{display:flex;flex-direction:row;gap:1rem;align-items:center;justify-content:flex-start}.About .experience-container .experience-card .experience-text{text-align:left}.About .experience-container .experience-card .experience-image{width:6rem;height:6rem;border-radius:50%;object-fit:cover}.About .experience-container .experience-card .experience-header{display:flex;text-align:left;flex-direction:column;justify-content:flex-start}.About .experience-container .experience-card .experience-line{margin:auto;width:80%;height:1px;background-color:#000;margin:1rem 0}.Connect{text-align:center;margin-top:5rem}.Connect h1{margin:0;font-size:2.5rem}.Connect .connect-info{margin:2rem 0;font-size:1.5em;font-weight:700}.Connect .connect-content{margin:2rem 0 1rem;color:#000;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}.footer{color:#163a4a;position:relative;bottom:0;left:0;right:0;height:3rem;background-color:#ffffff78;padding:0 1rem;display:flex;justify-content:center;align-items:center;font-size:1rem;font-weight:700}@keyframes rotate{0%{transform:rotateY(-30deg) rotateX(-30deg)}to{transform:rotateY(690deg) rotateX(-30deg)}}@keyframes spinTopRow{0%{transform:rotateY(0)}5%{transform:rotateY(90deg)}45%{transform:rotateY(90deg)}50%{transform:rotateY(360deg)}to{transform:rotateY(360deg)}}@keyframes spinMiddleColumn{25%{transform:rotateX(0)}35%{transform:rotateX(90deg)}75%{transform:rotateX(90deg)}85%{transform:rotateX(360deg)}to{transform:rotateX(360deg)}}@keyframes spinMiddleRow{40%{transform:rotateY(0)}45%{transform:rotateY(90deg)}90%{transform:rotateY(90deg)}95%{transform:rotateY(360deg)}to{transform:rotateY(360deg)}}@keyframes makeOpaque1{0%{opacity:1}0.01%{opacity:0}4.99%{opacity:0}5%{opacity:1}}@keyframes makeOpaque2{44.99%{opacity:1}45%{opacity:0}49.99%{opacity:0}50%{opacity:1}}@keyframes makeOpaque3{24.99%{opacity:1}25%{opacity:0}34.99%{opacity:0}35%{opacity:1}}@keyframes makeOpaque4{74.99%{opacity:1}75%{opacity:0}89.99%{opacity:0}90%{opacity:1}}@keyframes makeOpaque5{39.99%{opacity:1}40%{opacity:0}44.99%{opacity:0}45%{opacity:1}}@keyframes makeOpaque6{89.99%{opacity:1}90%{opacity:0}94.99%{opacity:0}95%{opacity:1}}@keyframes makeOpaque7{74.99%{opacity:1}75%{opacity:0}89.99%{opacity:0}90%{opacity:1}}body{height:100%;width:100%}.container{perspective:800px;height:22rem;width:25rem;position:relative;border-radius:10%}.container .rubiks-cube{width:12em;height:12em;margin:5em;position:absolute;animation:rotate 20s infinite linear;transform-style:preserve-3d;transform:rotateY(-30deg) rotateX(-30deg) scale3d(.7,.7,.7)}.container .top-clone{z-index:100;position:absolute;width:12em;height:12em;transform-style:preserve-3d;animation:spinTopRow 20s infinite linear}.container .top-clone .clone-left{left:0}.container .top-clone .clone-left .left-one{background:#c41e3a;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .top-clone .clone-left .left-two{animation:makeOpaque3 20s infinite linear;background:#009e60;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .top-clone .clone-left .left-three{background:#0051ba;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .top-clone .clone-middle{left:4em;animation:makeOpaque7 20s infinite linear}.container .top-clone .clone-middle .middle-one{background:#ffffff;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .top-clone .clone-middle .middle-two{animation:makeOpaque3 20s infinite linear;background:#0051ba;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .top-clone .clone-middle .middle-three{background:#009e60;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .top-clone .clone-right{left:8em}.container .top-clone .clone-right .right-one{background:#ff5800;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .top-clone .clone-right .right-two{animation:makeOpaque3 20s infinite linear;background:#ff5800;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .top-clone .clone-right .right-three{background:#ffffff;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .top-row,.container .middle-row,.container .bottom-row{position:absolute;top:0;width:12em;height:4em;transform-style:preserve-3d}.container .top-row{top:0;animation:spinTopRow 20s infinite linear}.container .top-row .front .front-one{background:#009e60;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .top-row .front .front-two{animation:makeOpaque4 20s infinite linear;background:#ffffff;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .top-row .front .front-three,.container .top-row .left .left-one{background:#ff5800;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .top-row .left .left-two{animation:makeOpaque3 20s infinite linear;background:#ffffff;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .top-row .left .left-three,.container .top-row .back .back-one{background:#c41e3a;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .top-row .back .back-two{animation:makeOpaque4 20s infinite linear;background:#0051ba;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .top-row .back .back-three{background:#ffd500;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .top-row .right .right-one{background:#ffffff;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .top-row .right .right-two{animation:makeOpaque3 20s infinite linear;background:#0051ba;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .top-row .right .right-three{background:#009e60;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .middle-row{top:4em;animation:spinMiddleRow 20s infinite linear}.container .middle-row .front .front-one{background:#ff5800;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .middle-row .front .front-two{animation:makeOpaque3 20s infinite linear;background:#0051ba;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .middle-row .front .front-three{background:#c41e3a;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .middle-row .left .left-one{background:#ffffff;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .middle-row .left .left-two{animation:makeOpaque4 20s infinite linear;background:#0051ba;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .middle-row .left .left-three{background:#ffd500;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .middle-row .back .back-one{background:#c41e3a;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .middle-row .back .back-two{animation:makeOpaque3 20s infinite linear;background:#ff5800;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .middle-row .back .back-three{background:#009e60;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .middle-row .right .right-one{background:#ffd500;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .middle-row .right .right-two{animation:makeOpaque4 20s infinite linear;background:#ff5800;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .middle-row .right .right-three{background:#009e60;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .bottom-row{top:8em}.container .bottom-row .left .left-one{background:#ffffff;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .bottom-row .left .left-two{background:#0051ba;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .bottom-row .left .left-three,.container .bottom-row .right .right-one{background:#ffd500;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .bottom-row .right .right-two{background:#c41e3a;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .bottom-row .right .right-three{background:#009e60;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .row-face{position:absolute;display:block;width:12em;height:4em;top:0}.container .row-face :nth-child(1){left:0em;top:50%;margin-top:-1.75em;margin-left:.25em}.container .row-face :nth-child(2){left:4em;top:50%;margin-top:-1.75em;margin-left:.25em}.container .row-face :nth-child(3){left:8em;top:50%;margin-top:-1.75em;margin-left:.25em}.container .row-face.front{transform:translateZ(6em)}.container .row-face.left{transform:rotateY(-90deg) translateZ(6em)}.container .row-face.back{transform:rotateY(-180deg) translateZ(6em)}.container .row-face.right{transform:rotateY(90deg) translateZ(6em)}.container .left-column,.container .middle-column,.container .right-column{position:absolute;width:4em;height:12em;top:0;transform-style:preserve-3d}.container .left-column{left:0}.container .left-column .front .front-three{background:#009e60;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .left-column .back .back-one{background:#ffd500;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .left-column .bottom .bottom-one{background:#c41e3a;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .left-column .bottom .bottom-two{background:#ffd500;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .left-column .bottom .bottom-three{background:#009e60;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .middle-column{left:4em;animation:spinMiddleColumn 20s infinite linear}.container .middle-column .front{animation:makeOpaque2 20s infinite linear}.container .middle-column .front .front-one{animation:makeOpaque1 20s infinite linear;background:#ffffff;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .middle-column .front .front-two{animation:makeOpaque6 20s infinite linear;background:#0051ba;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .middle-column .front .front-three{background:#009e60;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .middle-column .top{animation:makeOpaque1 20s infinite linear}.container .middle-column .top .top-one{background:#ffffff;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .middle-column .top .top-two{animation:makeOpaque5 20s infinite linear;background:#0051ba;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .middle-column .top .top-three{animation:makeOpaque2 20s infinite linear;background:#009e60;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .middle-column .back .back-one{background:#ff5800;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .middle-column .back .back-two{animation:makeOpaque6 20s infinite linear;background:#ff5800;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .middle-column .back .back-three{animation:makeOpaque1 20s infinite linear;background:#0051ba;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .middle-column .bottom .bottom-one{animation:makeOpaque2 20s infinite linear;background:#ffffff;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .middle-column .bottom .bottom-two{animation:makeOpaque5 20s infinite linear;background:#0051ba;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .middle-column .bottom .bottom-three{background:#009e60;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .right-column{left:8em}.container .right-column .front .front-three{background:#0051ba;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .right-column .back .back-one{background:#ffd500;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .right-column .bottom .bottom-one{background:#ffffff;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .right-column .bottom .bottom-two,.container .right-column .bottom .bottom-three{background:#c41e3a;position:absolute;display:block;width:3.6em;height:3.6em;border-radius:15%}.container .column-face{position:absolute;display:block;width:4em;height:12em;left:0}.container .column-face :nth-child(1){top:0em;left:50%;margin-left:-1.75em;margin-top:.25em}.container .column-face :nth-child(2){top:4em;left:50%;margin-left:-1.75em;margin-top:.25em}.container .column-face :nth-child(3){top:8em;left:50%;margin-left:-1.75em;margin-top:.25em}.container .column-face.front{transform:translateZ(6em)}.container .column-face.top{transform:rotateX(90deg) translateZ(6em)}.container .column-face.back{transform:rotateX(180deg) translateZ(6em)}.container .column-face.bottom{transform:rotateX(-90deg) translateZ(6em)}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;color:#cce7ff00;background-image:url(https://st3.depositphotos.com/1154062/13668/v/450/depositphotos_136683602-stock-illustration-blurred-abstract-holographic-background.jpg?forcejpeg=true);background-size:cover}a{font-weight:500;color:#163a4a;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff;background-color:#e8e6e6}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#cce7ff}a:hover{color:#747bff}button{background-color:#f9f9f9}}