@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@100&display=swap);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:Raleway,sans-serif}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{background-color:#7fff00}#fp-nav ul li a span{background:#f0f8ff}#fullpage>div{height:100%}.text-animate{animation:bounceIn;animation-delay:1.5s;animation-duration:2s;animation-fill-mode:forwards;display:inline-block;font-family:Courier,Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:55px;font-weight:700;margin-right:3px;min-width:10px;opacity:0}.red{color:red}.text-animate-hover{animation-fill-mode:both;display:inline-block;font-family:Courier,Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:55px;font-weight:700;margin-right:7px}.text-animate-hover:hover{animation:rubberBand 1s;color:gold}@media(max-width:555px){.text-animate-hover{font-size:35px}}@media only screen and (max-width:700){.text-animate-hover{font-size:45px}}.text-animate._1{animation-delay:.1s}.text-animate._2{animation-delay:.2s}.text-animate._3{animation-delay:.3s}.text-animate._4{animation-delay:.4s}.text-animate._5{animation-delay:.5s}.text-animate._6{animation-delay:.6s}.text-animate._7{animation-delay:.7s}.text-animate._8{animation-delay:.8s}.text-animate._9{animation-delay:.9s}.text-animate._10{animation-delay:1s}.text-animate._11{animation-delay:1.1s}.text-animate._12{animation-delay:1.2s}.text-animate._13{animation-delay:1.3s}.text-animate._14{animation-delay:1.4s}.text-animate._15{animation-delay:1.5s}.text-animate._16{animation-delay:1.6s}.text-animate._17{animation-delay:1.7s}.text-animate._18{animation-delay:1.8s}.text-animate._19{animation-delay:1.9s}.text-animate._20{animation-delay:2s}.text-animate._21{animation-delay:2.1s}.text-animate._22{animation-delay:2.2s}.text-animate._23{animation-delay:2.3s}.text-animate._24{animation-delay:2.4s}.text-animate._25{animation-delay:2.5s}.text-animate._26{animation-delay:2.6s}.text-animate._27{animation-delay:2.7s}.text-animate._28{animation-delay:2.8s}.text-animate._29{animation-delay:2.9s}.text-animate._30{animation-delay:3s}.text-animate._31{animation-delay:3.1s}.text-animate._32{animation-delay:3.2s}.text-animate._33{animation-delay:3.3s}.text-animate._34{animation-delay:3.4s}.text-animate._35{animation-delay:3.5s}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}60%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.cube{font-size:100px;height:200px;position:relative;transform:translateZ(-100px);transform-style:preserve-3d;transition:transform 1s;width:200px}.cube.show-front{transform:translateZ(-100px) rotateY(0deg)}.cube.show-right{transform:translateZ(-100px) rotateY(-90deg)}.cube.show-back{transform:translateZ(-100px) rotateY(-180deg)}.cube.show-left{transform:translateZ(-100px) rotateY(90deg)}.cube.show-top{transform:translateZ(-100px) rotateX(-90deg)}.cube.show-bottom{transform:translateZ(-100px) rotateX(90deg)}.cube__face{border:2px solid #000;color:#fff;font-size:40px;font-weight:700;height:200px;line-height:200px;position:absolute;text-align:center;width:200px}.face{align-items:center;display:flex;height:100%;justify-content:center}.cube__face--front{background:#ff0000b3}.cube__face--right{background:#ffff00b3}.cube__face--back{background:#00ff00b3}.cube__face--left{background:#00ffffb3}.cube__face--top{background:#0000ffb3}.cube__face--bottom{background:#ff00ffb3}.cube__face--front{transform:rotateY(0deg) translateZ(100px)}.cube__face--right{transform:rotateY(90deg) translateZ(100px)}.cube__face--back{transform:rotateY(180deg) translateZ(100px)}.cube__face--left{transform:rotateY(-90deg) translateZ(100px)}.cube__face--top{transform:rotateX(90deg) translateZ(100px)}.cube__face--bottom{transform:rotateX(-90deg) translateZ(100px)}label{margin-right:10px}:root{--secondary-color:#8d8d8d;--font-main:"Coolvetica",sans-serif;--font-secondary:sans-serif}.fp-overflow{overflow-y:visible!important;overflow-y:initial!important}.home-page{align-items:center;display:flex;justify-content:space-around;margin:0 5% 0 10%}.home-page .text-zone{overflow-y:hidden;width:50%}.home-page .text-zone h1{color:#fff;font-family:Coolvetica,sans-serif;font-family:var(--font-main);font-size:48px;font-weight:400;line-height:1.2;margin-bottom:20px;text-overflow:clip;transition:all .5s ease-in}@media(max-width:768px){.home-page .text-zone h1{font-size:32px}}.home-page .text-zone h1 .small{font-size:18px;margin:auto 7px}.home-page .text-zone h2{color:#8d8d8d;color:var(--secondary-color);font-size:16px;font-weight:400;letter-spacing:2px;margin-top:10px}.home-page .cube-spinner{max-width:400px;text-align:center;width:50%}@media(max-width:768px){.home-page .home-page{align-items:flex-start;flex-direction:row;margin:0;max-width:90%;padding:0 5px}.home-page .text-zone{margin-bottom:20px;width:85%}.home-page .cube-spinner{display:none}}.red{color:gold;color:var(--primary-color)}.text-animate{animation:fadeIn 1s forwards}.text-animate-hover{animation:fadeIn 1s .5s forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--text-spacing:1px;--line-height:32px;--media-large:9500px}.about-page{align-items:flex-start;color:#fff;color:var(--text-color);display:flex;flex-wrap:wrap;justify-content:space-around;margin:0 5% 0 10%}.about-page .text-zone{letter-spacing:1px;letter-spacing:var(--text-spacing);line-height:32px;line-height:var(--line-height);margin-right:20px;text-align:justify;width:80%}@media(max-width:var(--media-large ))and (min-width:var(--media-medium )){.about-page .text-zone{margin-left:5%;margin-right:10px;width:50%}}@media(max-width:765px)and (min-width:555px){.about-page .text-zone{margin-left:10%;margin-top:5%;width:90%}}@media(max-width:555px){.about-page .text-zone{font-size:24px;line-height:32px;line-height:var(--line-height);margin-top:2%;width:90%}}.about-page .text-zone h1{color:gold;color:var(--primary-color);font-size:2rem;margin-bottom:15px}.about-page .text-zone p{color:#fff;color:var(--text-color);font-size:1rem;margin-bottom:15px}.about-page .education-card{background:#181818;background:var(--bg-color);border:1px solid gold;border:1px solid var(--primary-color);border-radius:8px;box-shadow:0 4px 8px #0000001a;cursor:move;margin-top:20px;min-width:300px;padding:15px;position:relative;transition:transform .3s ease,background .3s ease;width:35%}.about-page .education-card:hover{box-shadow:0 8px 16px #0009}.about-page .education-card .card-header{align-items:center;display:flex;justify-content:space-between}.about-page .education-card .drag-icon{color:var(--secondary-color);font-size:1.2rem;margin-left:10px}.about-page .education-card .drag-text{color:var(--secondary-color);font-size:.8rem;margin-left:5px}.about-page .education-card h2{color:#61dafb;font-size:1.5rem;margin-bottom:10px}.about-page .education-card ul{list-style:none;padding:0}.about-page .education-card ul li{color:#fff;font-size:1rem;margin-bottom:10px}.about-page .education-card ul li strong{color:#61dafb}@media(max-width:700px){.about-page .education-card{margin-left:auto;margin-right:auto;max-width:none;width:100%}}.projects-page{align-items:center;display:flex;flex-direction:column;margin-left:8%;padding:20px}.projects-page h1{color:#fff;font-size:2.5rem;margin-bottom:40px}.projects-page .carousel-container{max-width:1200px;overflow:hidden;position:relative;width:100%}.projects-page .carousel-container .projects-carousel{display:flex;gap:20px;transition:transform .5s ease;width:100%}.projects-page .carousel-container .projects-carousel .project-card{background:#1e1e1e;border-radius:15px;box-shadow:0 4px 12px #0000004d;flex-basis:calc(33.333% - 20px);flex-grow:0;flex-shrink:0;overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s}@media(max-width:768px){.projects-page .carousel-container .projects-carousel .project-card{flex-basis:calc(50% - 20px);flex-grow:0;flex-shrink:0}}@media(max-width:555px){.projects-page .carousel-container .projects-carousel .project-card{flex-basis:calc(100% - 20px);flex-grow:0;flex-shrink:0}}.projects-page .carousel-container .projects-carousel .project-card:hover{box-shadow:0 6px 18px #0006;transform:translateY(-5px)}.projects-page .carousel-container .projects-carousel .project-card img{height:200px;object-fit:cover;transition:transform .3s;width:100%}.projects-page .carousel-container .projects-carousel .project-card .project-info{background:#272727;color:#fff;padding:15px;text-align:center}.projects-page .carousel-container .projects-carousel .project-card .project-info h3{color:#61dafb;font-size:1.5rem;margin-bottom:10px}.projects-page .carousel-container .projects-carousel .project-card .project-info p{color:#b0b0b0;font-size:1rem;margin-bottom:15px}.projects-page .carousel-container .projects-carousel .project-card .project-info .stack{margin:15px 0}.projects-page .carousel-container .projects-carousel .project-card .project-info .stack svg{color:#61dafb;font-size:1.5rem;margin:0 8px}.projects-page .carousel-container .projects-carousel .project-card .project-info .links{display:flex;gap:15px;justify-content:center}.projects-page .carousel-container .projects-carousel .project-card .project-info .links a{color:#61dafb;font-size:1.2rem;text-decoration:none;transition:color .3s}.projects-page .carousel-container .projects-carousel .project-card .project-info .links a:hover{color:#fff}.projects-page .carousel-container .arrow{background:#00000080;border:none;color:#fff;cursor:pointer;font-size:2rem;padding:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.projects-page .carousel-container .arrow.left{left:0}.projects-page .carousel-container .arrow.right{right:0}@media(max-width:1200px){.carousel-container .projects-carousel .project-card{flex-basis:calc(50% - 20px);flex-grow:0;flex-shrink:0}}@media(max-width:768px){.carousel-container .projects-carousel .project-card{flex-basis:calc(100% - 20px);flex-grow:0;flex-shrink:0}.arrow{font-size:1.5rem;padding:8px}}@media(max-width:576px){.projects-page{padding:10px}h1{font-size:2rem}.carousel-container .projects-carousel .project-card{margin:10px 0}}.experience-page{align-items:flex-start;color:#fff;color:var(--text-color);display:flex;flex-direction:column;margin:0 5% 0 10%}.experience-page .text-zone{letter-spacing:.75px;letter-spacing:var(--text-spacing);line-height:26px;line-height:var(--line-height);text-align:justify;width:100%}.experience-page .text-zone h1{color:gold;color:var(--primary-color);font-size:2.5rem;margin-bottom:20px}.experience-page .text-zone .timeline{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.experience-page .text-zone .timeline .timeline-card{background:#1e1e1e;border-radius:10px;box-shadow:0 4px 12px #0000004d;padding:15px;text-align:center;transition:transform .3s,box-shadow .3s;width:calc(30% - 20px)}@media(max-width:var(--media-small )){.experience-page .text-zone .timeline .timeline-card{padding:10px;width:calc(100% - 20px)}.experience-page .text-zone .timeline .timeline-card .card-content h2{font-size:1rem}.experience-page .text-zone .timeline .timeline-card .card-content h3{font-size:.9rem}.experience-page .text-zone .timeline .timeline-card .card-content p{display:none}.experience-page .text-zone .timeline .timeline-card:hover .card-content p{display:block}}.experience-page .text-zone .timeline .timeline-card .card-content h2{color:#61dafb;font-size:1.2rem}.experience-page .text-zone .timeline .timeline-card .card-content h3{color:gold;color:var(--primary-color);font-size:1rem;margin-top:10px}.experience-page .text-zone .timeline .timeline-card .card-content p{color:#b0b0b0;font-size:.9rem;margin-top:10px}.experience-page .text-zone .timeline .timeline-card:hover{box-shadow:0 6px 18px #0006;transform:translateY(-5px)}@media(max-width:var(--media-medium )){.experience-page .text-zone .timeline .timeline-card{width:calc(45% - 20px)}}:root{--primary-color:gold;--text-color:#fff;--bg-color:#181818;--text-spacing:0.75px;--line-height:26px;--font-size-base:16px;--font-size-large:18px;--media-large:950px;--media-medium:700px;--media-small:555px}.contact-page{color:#fff;color:var(--text-color);margin:0 5% 0 10%}.contact-page .text-zone{float:left;letter-spacing:.75px;letter-spacing:var(--text-spacing);line-height:26px;line-height:var(--line-height);text-align:justify;width:90%}@media(max-width:950px){.contact-page .text-zone{margin-left:5%;width:90%}}@media(max-width:700px){.contact-page .text-zone{float:none;margin-left:5%;margin-top:5%;width:90%}}@media(max-width:555px){.contact-page .text-zone{float:none;font-size:16px;font-size:var(--font-size-base);letter-spacing:.5px;line-height:26px;line-height:var(--line-height);margin-top:15%;width:90%}}.contact-page .text-zone h1{font-size:2.5rem}@media(max-width:700px){.contact-page .text-zone h1{font-size:2rem}}@media(max-width:555px){.contact-page .text-zone h1{font-size:1.5rem}}.contact-page .text-zone .container{display:flex;flex-direction:column;margin-top:5%;width:100%}.contact-page .text-zone .container .links{align-items:center;display:flex;margin:3% 0}.contact-page .text-zone .container .links svg{margin-right:3%}.contact-page .text-zone .container .links a{color:#fff;color:var(--text-color);font-size:1.2rem;font-weight:700;text-decoration:none}.contact-page .text-zone .container .links a:hover{color:aqua}@media(max-width:700px){.contact-page .text-zone .container .links a{font-size:1rem}}@media(max-width:555px){.contact-page .text-zone .container .links a{font-size:.8rem}}.nav-bar{background:#181818;color:#fff;height:100%;min-height:500px;position:fixed;top:0;width:100px;z-index:3}@media only screen and (max-width:555px){.nav-bar{background:#0000;margin:0;padding:0;width:30px}}.nav-bar img{bottom:0;height:60px;opacity:1;position:absolute;right:5%;top:30px;width:60px;z-index:0}.nav-bar img:hover{cursor:pointer}@media only screen and (max-width:555px){.nav-bar img{height:35px;left:15%;opacity:.5;width:35px}}.nav-bar .logo{display:block;padding:8px 0}.nav-bar .logo img{display:block;height:auto;margin:8px auto;width:24px}.nav-bar .logo img.sub-logo{width:50px}.nav-bar ul{display:block;height:210px;list-style:none;margin-top:-120px;padding:0;position:absolute;text-align:center;top:50%;width:100%}@media only screen and (max-width:555px){.nav-bar ul{margin-left:10px;text-align:start}}.nav-bar ul li{height:60px}.nav-bar ul li.active{transition:all .5s ease-in}.nav-bar ul li.active a svg{color:gold}.nav-bar ul a{color:#4d4d4e;display:block;font-size:24px;height:51px;line-height:51px;position:relative;text-decoration:none}@media only screen and (max-width:555px){.nav-bar ul a{font-size:16px}}.nav-bar ul a i{transition:all .3s ease-in-out}.nav-bar ul a:hover{color:gold}.nav-bar ul a:hover svg{opacity:0}.nav-bar ul a:hover:after{opacity:1}.nav-bar ul a:after{bottom:0;content:"";display:block;font-size:14px;letter-spacing:2px;opacity:0;position:absolute;text-align:center;transition:all .5s ease-out;width:100%}.nav-bar ul a.home-link:after{content:"HOME"}.nav-bar ul a.about-link:after{content:"ABOUT"}.nav-bar ul a.experience-link:after{content:"EXPERIENCE"}.nav-bar ul a.projects-link:after{content:"PROJECTS"}.nav-bar ul a.contact-link:after{content:"CONTACT"}.nav-bar ul a.active svg{color:gold}
/*# sourceMappingURL=main.aca6dd8a.css.map*/