@import url(https://fonts.googleapis.com/css?family=Arvo&display=swap);code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary-bg-color:#121212;--secondary-bg-color:#1e1e1e;--primary-text-color:#e0e0e0;--secondary-text-color:#b3b3b3;--accent-color:#bb86fc;--font-primary:"Arvo",serif;--font-secondary:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;background-color:var(--primary-bg-color);color:#e0e0e0;color:var(--primary-text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-secondary);line-height:1.6;margin:0}.App{text-align:center}a{color:#bb86fc;color:var(--accent-color);text-decoration:none;transition:color .2s ease-in-out}a:hover{color:#fff;text-decoration:underline}h1,h2,h3,h4,h5,h6{color:#e0e0e0;color:var(--primary-text-color);font-family:Arvo,serif;font-family:var(--font-primary);margin-bottom:.75rem}.about-section{background-color:#0a0a0aeb;border-radius:15px;box-shadow:0 8px 20px #0003;color:#f0f0f0;height:auto;max-width:1200px;padding:2rem;width:90%}.about-section h2{border-bottom:2px solid #61dafb;display:inline-block;font-family:Arvo;font-size:2rem;padding:.5rem 1rem .3rem}.about-section p{line-height:1.6;text-align:left}.about-content-wrapper{align-items:flex-start;display:flex;gap:2rem}.about-text{flex:2 1}.about-text p+p{margin-top:1.5rem}@media (max-width:992px){.about-section{padding:1.5rem;width:90%}.about-content-wrapper{flex-direction:column}.about-text{width:100%}}.graduate-ub-container{aspect-ratio:3/4;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;cursor:pointer;flex:1 1;max-height:700px;overflow:hidden;position:relative;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.graduate-ub-container:hover{box-shadow:0 8px 25px #0000004d;transform:scale(1.02)}.click-me-overlay{align-items:center;background-color:#0006;color:#fff;display:flex;font-size:2rem;font-weight:700;height:100%;justify-content:center;left:0;position:absolute;text-shadow:0 2px 4px #00000080;top:0;width:100%}.graduate-image{animation:fadeIn 2.4s ease-in-out;display:block;height:100%;object-fit:cover;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:992px){.graduate-ub-container{height:300px;width:100%}}.carousel-container{aspect-ratio:673/505;margin:2rem auto 7rem;max-width:813px;min-width:350px;padding-top:3%;perspective:950px;position:relative;width:66%}.carousel-track{height:100%;position:relative;transform-style:preserve-3d;width:100%}.carousel-image-wrapper{background-color:#0a0a0ad1;border-radius:10px;box-shadow:0 5px 15px #a1a1a126;box-sizing:border-box;height:100%;left:0;margin:auto;overflow:hidden;padding:7px;position:absolute;right:0;top:0;transition:transform .6s cubic-bezier(.77,0,.175,1),opacity .6s ease,z-index .6s ease;width:60%}.carousel-image{border-radius:2px;display:block;height:100%;object-fit:cover;width:100%}.carousel-button{align-items:center;background-color:#ffffffb3;border:none;border-radius:50%;box-shadow:0 5px 15px #ffffff26;color:#333;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s ease-in-out,color .2s ease-in-out;width:40px;z-index:10}.carousel-button svg{height:24px;width:24px}.carousel-button svg path{stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.carousel-button:hover{background-color:#fff;color:#000}.prev-button{left:0}.next-button{right:0}.project-card{background-color:var(--secondary-bg-color);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;max-width:500px;min-height:400px;overflow:hidden;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;width:100%}.project-card:hover{box-shadow:0 8px 16px #0000004d;transform:translateY(-5px)}.project-images-container{background-color:#fff;border-bottom:1px solid #fff3;box-sizing:border-box;display:flex;gap:2px;height:190px;padding:1rem;width:100%}.project-images-container .project-image{flex:1 1;height:100%;object-fit:contain;opacity:.9;transition:opacity .3s ease;width:0}.project-card:hover .project-image{opacity:1}.project-info{color:var(--primary-text-color);display:flex;flex-direction:column;flex-grow:1;padding:20px}.project-title{font-family:var(--font-primary);font-size:1.5rem;margin:0 0 10px}.project-description{color:var(--secondary-text-color);flex-grow:1;font-family:var(--font-primary);font-size:1rem;line-height:1.4;margin-bottom:15px}.project-links a{color:var(--accent-color);font-weight:700;margin-right:15px;text-decoration:none;transition:color .2s ease}.project-links a:hover{color:var(--primary-text-color);text-decoration:underline}.projects-section{border-radius:10px;width:90%}.projects-section p{margin-bottom:20px}.projects-section h2{border-bottom:2px solid #61dafb;display:inline-block;font-family:Arvo;font-size:2rem;padding:1rem 1rem .3rem}.projects-section>h2:first-of-type{margin-top:0}.projects-section p{font-family:Arvo;font-size:1.1rem;padding:.5rem}.projects-section .project-list{gap:20px;margin-top:2rem}.projects-section .project-list,.skills-container{display:flex;flex-wrap:wrap;justify-content:center}.skills-container{gap:8px;padding:1rem}.skill-pill{background-color:#f0f0f0;border:1px solid #d1d1d1;border-radius:20px;color:#333;font-size:.9rem;font-weight:500;padding:8px 16px;text-align:center;text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.skill-pill:hover{background-color:#333;border-color:#333;color:#f0f0f0;cursor:pointer}.skills-section{background-color:#0a0a0ad9;border-radius:15px;box-shadow:0 8px 20px #0003;color:#f0f0f0;max-width:1200px;padding:2rem;text-align:center;width:90%}.skills-section h2{border-bottom:2px solid #61dafb;display:inline-block;font-family:Arvo;font-size:2rem;margin-bottom:1rem;padding:.5rem 1rem}.skills-section .skills-container{margin-bottom:1rem}.skills-section .skills-subtitle{color:#f0f0f0;font-size:1.2rem;margin-bottom:0;text-align:center}.main-info-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:4rem;margin:1rem auto;padding:0 20px}.contact-form{background-color:var(--secondary-bg-color);border:1px solid #333;border-radius:8px;gap:1.5rem;margin:0 auto;max-width:600px;padding:2rem}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{text-align:left}.form-group label{color:var(--primary-text-color);font-weight:700;margin-bottom:.5rem}.form-group input,.form-group textarea{background-color:var(--primary-bg-color);border:1px solid #555;border-radius:4px;color:var(--primary-text-color);font-family:var(--font-secondary);font-size:1rem;padding:.75rem;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #bb86fc40;outline:none}.form-group textarea{min-height:150px;resize:vertical}.submit-button{background-color:var(--accent-color);border:2px solid var(--accent-color);border-radius:25px;color:var(--primary-bg-color);cursor:pointer;font-family:var(--font-primary);font-size:1.1rem;font-weight:700;padding:.75rem 1.5rem;transition:background-color .3s ease,color .3s ease}.submit-button:hover{background-color:initial;color:var(--accent-color)}.form-status{color:var(--accent-color);font-weight:700;margin-top:1rem}.contact-section{background-color:#0a0a0ad9;border-radius:15px;box-shadow:0 8px 20px #0003;padding:2rem;text-align:center}.contact-section h2{font-size:2.5rem;margin-bottom:1rem}.contact-section p{color:var(--secondary-text-color);font-size:1.1rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px}.social-tabs{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.social-tabs a{color:#fff;display:inline-block;transition:transform .2s ease-in-out,color .2s ease-in-out}.social-tabs a:hover{color:#fff;transform:translateY(-3px)}.social-tabs a svg{height:40px;width:40px}.nav-action-button{background-color:initial;border:2px solid #fff;border-radius:25px;color:#fff;cursor:pointer;font-family:Arvo,sans-serif;font-size:1rem;font-weight:700;padding:10px 24px;transition:background-color .3s ease,color .3s ease}.nav-action-button:hover{background-color:#fff;color:#282c34}@media (max-width:630px){.social-tabs{flex-wrap:wrap;gap:.75rem}.social-tabs a svg{height:32px;width:32px}.nav-action-button{font-size:.9rem;padding:8px 18px}}:root{--split-vertical-center:85%;--split-angle-offset:4.7vw}.HomePage{background-color:#282c34;opacity:0;overflow-x:hidden;position:relative;transition:opacity .8s ease-in}.HomePage.visible{opacity:1}.HomePage h2{border-bottom:2px solid #61dafb;display:inline-block;font-family:Arvo;font-size:2rem;padding:1rem 1rem .3rem}.background-layers{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.bottom-split-layer,.revealed-image-layer,.top-split-layer{background-position:50%;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}.bottom-split-layer{clip-path:polygon(0 100%,100% 100%,100% calc(85% - 4.7vw),0 calc(85% + 4.7vw));clip-path:polygon(0 100%,100% 100%,100% calc(var(--split-vertical-center) - var(--split-angle-offset)),0 calc(var(--split-vertical-center) + var(--split-angle-offset)));z-index:2}.top-split-layer{clip-path:polygon(0 0,100% 0,100% calc(85% - 4.7vw),0 calc(85% + 4.7vw));clip-path:polygon(0 0,100% 0,100% calc(var(--split-vertical-center) - var(--split-angle-offset)),0 calc(var(--split-vertical-center) + var(--split-angle-offset)));will-change:transform;z-index:3}.content-wrapper{padding:2rem 0;position:relative;text-align:center;z-index:1}.HomePage-header{align-items:flex-start;color:#fff;display:flex;flex-direction:row;font-size:calc(10px + 2vmin);justify-content:center;padding-bottom:1rem}.HomePage-header h1{margin:3px 0 2rem}.fixed-buttons-container{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:10}.fixed-button{align-items:center;background-color:var(--secondary-bg-color);border:2px solid var(--accent-color);border-radius:50%;box-shadow:0 2px 10px #0003;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease-in-out;width:50px}.fixed-button:hover{background-color:var(--accent-color);box-shadow:0 4px 15px #0000004d;transform:translateY(-50%) scale(1.1)}.fixed-button:disabled,.fixed-button:disabled:hover{background-color:var(--secondary-bg-color);box-shadow:0 2px 10px #0003;color:#fff;cursor:not-allowed;opacity:.7;transform:translateY(-50%)}.fixed-button.left{left:3%}.fixed-button.right{right:3%}.intro-overlay{align-items:center;background-color:#1a1a1a;color:#e0e0e0;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;text-align:center;top:0;transition:background-color 2s ease-out 1.5s;width:100%;z-index:9999}.intro-overlay.exiting{background-color:initial}.intro-svg{height:80vh;max-height:800px;max-width:800px;position:absolute;transform:translateY(-10%);transition:opacity .4s ease-in-out;width:80vw;z-index:1}@keyframes scaleAndFade{0%{opacity:1;transform:translateY(-10%) scale(1)}to{opacity:0;transform:translateY(-20%) scale(15)}}.intro-svg.exit-animation{animation:scaleAndFade 3.5s cubic-bezier(.86,0,.07,1) forwards;transform:translateY(-20px)}.intro-content{opacity:1;position:relative;transform:translateY(0);transition:opacity 1.5s ease-out,transform 1.5s ease-out;z-index:2}.intro-overlay.exiting .intro-content{opacity:0;transform:translateY(-20px)}.intro-title{font-family:Arvo,serif;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:700;letter-spacing:2px;margin:0;text-shadow:0 2px 8px #000000b3}.intro-subtitle{color:#ffffffb3;font-size:clamp(1.2rem,3vw,1.6rem);font-weight:300;margin-bottom:3rem;margin-top:1rem;text-shadow:0 2px 5px #0000007a}.intro-continue-button{background-color:#c0c0c066;border:2px solid #bbb;border-radius:30px;color:#e0e0e0;cursor:pointer;font-family:Arvo,sans-serif;font-size:1.1rem;font-weight:700;padding:12px 30px;text-shadow:0 1px 4px #0009;transition:background-color .3s ease,color .3s ease,transform .3s ease,text-shadow .3s ease}.intro-continue-button:hover:not(:disabled){background-color:#e0e0e0;color:#1a1a1a;text-shadow:none;transform:scale(1.05)}.intro-continue-button:disabled{cursor:not-allowed;opacity:.5}
/*# sourceMappingURL=main.9c5c9a08.css.map*/