.App{text-align:center}body{color:#e0e0e0;font-size:16px;min-height:100vh}h1,h2,h3,h4,h5,h6{color:#e0e0e0;font-family:Arial,sans-serif}a{color:#e0e0e0;text-decoration:none;transition:color .3s ease}a:hover{color:#aba9a9}button{background-color:#666;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;padding:12px 20px;transition:background-color .3s ease}button:hover{background-color:#888}button:active{background-color:#444}.card{background:#ffffff1a;border:none;border-radius:5px;margin-bottom:20px;padding:20px}.section{background:#0000;min-height:100vh;padding:20px}.section h1{color:#e0e0e0;font-size:28px;margin:40px 0;text-align:center}.fade-in-3{animation-delay:1.5s}.fade-in-4{animation-delay:2s}.modal-content{max-width:500px}body{background:linear-gradient(180deg,#1f1f1f,#4a4a4a);background-attachment:fixed;background-size:cover;color:#aba9a9;font-family:Arial,sans-serif;height:150vh;width:100vw}.project-card{background:#ffffff1a;border:none;border-radius:5px;margin-bottom:20px;padding:20px}.header{font-size:1.25em;padding:40px 0;text-align:center}.header,.profile-container{position:relative}.profile-pic{border-radius:50%;height:240px;left:20px;margin-right:10px;position:absolute;top:-15px;width:250px}.about{line-height:2;margin-right:50%;padding:20px;text-align:center}p1{font-size:1.25em}h2{text-align:center}h3{color:#aba9a9;margin-left:20px}.favorite-section{display:flex;justify-content:space-around;margin:20px 0}.favorite{margin:0 10px;perspective:1000px}.favorite-inner{height:300px;position:relative;transform-style:preserve-3d;transition:transform .6s;width:200px}.favorite:hover .favorite-inner{transform:rotateY(180deg)}.favorite-back,.favorite-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(0deg,#1f1f1f,#4a4a4a);height:100%;position:absolute;width:100%}.favorite-front{color:#949494;font-size:20px;text-align:center}.favorite-back,.favorite-front{align-items:center;background-color:#aba9a9;display:flex;justify-content:center}.favorite-back{color:#aba9a9;flex-direction:column;transform:rotateY(180deg)}.favorite-image{border-radius:5px;height:175px;object-fit:cover;width:100%}.nav-links li{margin:0 15px}.nav-links a:hover{background-color:#aba9a9}.all-skills{margin-top:-250px}.skills-header{padding-bottom:30px;text-align:center}.other-skills-section,.skills-section{margin-left:50%;padding:20px}.other-skills-container,.skills-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.other-skill-button,.skill-button{background-color:#666!important;border:none!important;border-radius:5px!important;color:#fff!important;cursor:pointer!important;padding:12px 20px!important;transition:background-color .3s!important}.other-skill-button:hover,.skill-button:hover{background-color:#888!important}.other-skill-button:active,.skill-button:active{background-color:#444!important}.skills-page{background:#0000;min-height:100vh;padding:20px}.popup-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup{background-color:#333;border-radius:8px;box-shadow:0 4px 10px #00000080;color:#fff;padding:20px;text-align:center;width:300px}.popup h3{margin:0 0 10px}.popup button{background-color:#666;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.popup button:hover{background-color:#888}.popup button:active{background-color:#444}.fade-in{animation:fadeIn 1s ease-out forwards;opacity:0}.fade-in-1{animation-delay:.3s}.fade-in-2,.fade-in-3{animation-delay:1s}.fade-in-4{animation-delay:1.5s}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.popup-fade{animation:popupFadeIn .5s ease-out forwards}.projects{background:#0000;display:flex;min-height:100vh;padding:20px}.project-title{font-size:28px}.RobotInstructions,.project-title{color:#e0e0e0;margin:40px;text-align:center}.RobotInstructions{font-size:40px;left:3%;max-width:80%;position:absolute;top:17%;white-space:nowrap}.robot-room{background-color:hsla(0,0%,100%,.206);border:2px solid #000;border-radius:5px;height:25.03em;left:-.7em;margin:20px;overflow:hidden;position:relative;top:7em;width:35.5%}.instructions-popup{background-color:#666060b3;border-radius:100px;color:#cec2c2;font-size:1.6em;left:60%;padding:20px;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:300px;z-index:20}.wall{background-color:#000;z-index:10}.robot{position:absolute;transition:transform .1s}.project-circle{border-radius:50%;cursor:pointer;height:40px;overflow:hidden;position:absolute;width:40px}.project-image{height:100%;object-fit:cover;width:100%}.project-info{align-items:center;color:#d4d3d3;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px}.project-info-content{text-align:center}.project-info-image{height:auto;margin-bottom:10px;max-height:200px;max-width:100%}.project-info-description{font-size:16px}.instructions-button{background-color:#666;border:none;border-radius:5px;bottom:10px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;position:fixed;right:10px;transition:background-color .3s ease}.instructions-button:hover{background-color:#aba9a9}.instructions-button:active{background-color:#388e3c;box-shadow:0 2px 4px #0003;transform:translateY(2px)}header{color:#e0e0e0;left:50%;margin-top:-30px;padding:40px 0;position:absolute;transform:translateX(-50%);width:100%}.footer,header{text-align:center}.footer{padding:20px}.instructions-popup{animation:fadeIn 1s ease-out forwards;margin:-100px;opacity:0}.instructions{animation-delay:0s}.robot-room{animation-delay:2s}.work-experience{align-items:center;background:#0000;color:#e0e0e0;display:flex;flex-direction:column;font-size:13.5px;min-height:100vh;padding:20px;text-align:center}.work-experience h1{color:#e0e0e0;font-family:Arial,sans-serif;font-size:28px;margin-top:40px;text-align:center}.circles-container{flex-wrap:wrap;gap:20px}.circle{animation:fadeIn .8s forwards;border:2px solid #fff3;height:130px;margin:0 20px;transition:transform .3s,border-color .3s;width:130px}.circle:hover{border-color:#aba9a9}.work-experience .circle:first-child{animation-delay:.2s}.work-experience .circle:nth-child(2){animation-delay:.4s}.work-experience .circle:nth-child(3){animation-delay:.6s}.work-experience .circle:nth-child(4){animation-delay:.8s}.work-experience .circle:nth-child(5){animation-delay:1s}.work-experience .circle:nth-child(6){animation-delay:1.2s}.modal{animation:fadeIn .35s forwards;opacity:0;text-align:center;visibility:hidden;z-index:1000}.modal.show{opacity:1;visibility:visible}.modal-content{align-items:center;background-color:#333;box-shadow:0 4px 10px #00000080;color:#fff;display:flex;flex-direction:column;justify-content:center;max-width:400px;text-align:center}.modal-content h2,.modal-content h3,.modal-content p{margin:10px 0;text-align:center}.modal-content h3{color:#e0e0e0;font-size:20px}.modal-content p{color:#aba9a9;line-height:1.6}.modal-image{border-radius:5px;display:block;margin:20px auto 0;width:70%}.close{color:#fff;font-size:24px;transition:color .3s}.close:hover{color:#aba9a9}@media (max-width:768px){.circles-container{align-items:center;flex-direction:column}.circle{margin:10px 0}.modal-content{margin:20px;max-width:90%}}.circle{animation:fadeIn 1s forwards;opacity:0}.circle:first-child{animation-delay:.2s}.circle:nth-child(2){animation-delay:.4s}.circle:nth-child(3){animation-delay:.6s}.circle:nth-child(4){animation-delay:.8s}.circle:nth-child(5){animation-delay:1s}.extracurriculars{align-items:center;background:#0000;color:#e0e0e0;display:flex;flex-direction:column;font-size:15px;min-height:100vh;padding:20px;text-align:center}.extracurriculars h1{color:#e0e0e0;font-family:Arial,sans-serif;font-size:28px;margin-top:40px;text-align:center}.circles-container{display:flex;justify-content:space-around;margin:20px 0}.circle{border-radius:50%;cursor:pointer;height:100px;margin:0 15px;overflow:hidden;transition:transform .3s;width:100px}.circle:hover{transform:scale(1.1)}.circle-image{height:100%;object-fit:cover;width:100%}.transparent-box1{background:#fff3;border:none;border-radius:5px;margin-bottom:20px;padding:20px}h2{color:#aba9a9;font-size:20px}.modal{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background-color:#6b6868;border-radius:8px;max-width:300px;padding:20px;position:relative;text-align:left}.close{cursor:pointer;font-size:20px;position:absolute;right:15px;top:10px}.modal-image{margin-top:20px;object-fit:contain;width:80%}.resume{background:#0000;color:#e0e0e0;flex-direction:column;min-height:100vh;padding:20px}.resume,.resume-header{align-items:center;display:flex;justify-content:center}.resume-header,.resume-header h1{margin-bottom:20px}.resume-header h1{color:#e0e0e0;font-family:Arial,sans-serif;font-size:1.6em;text-align:center}.embed-container{display:flex;justify-content:center;width:100%}.download-button{align-items:center;background-color:#3d3d3d;border-radius:5px;box-shadow:0 2px 4px #0000004d;color:#fff;display:inline-flex;font-size:.9em;margin-top:20px;padding:4px 12px;text-decoration:none;transition:background-color .3s,box-shadow .3s}.download-icon{height:16px;margin-right:4px;width:16px}.download-button:hover{background-color:#1f1f1f;box-shadow:0 4px 8px #00000080}.back-button{background-color:#3d3d3d;border:none;border-radius:5px;box-shadow:0 2px 4px #0000004d;color:#fff;cursor:pointer;font-size:1em;left:20px;padding:8px 12px;position:absolute;top:20px;transition:background-color .3s,box-shadow .3s}.back-button:hover{background-color:#1f1f1f;box-shadow:0 4px 8px #00000080}.back-button:focus,.download-button:focus{outline:2px solid orange;outline-offset:2px}.links{align-items:center;background:#0000;display:flex;flex-direction:column;font-size:13px;margin:20px;min-height:100vh;padding:20px}.links,.links h1{color:#e0e0e0;text-align:center}.links h1{font-family:Arial,sans-serif;font-size:28px;margin-bottom:20px;margin-top:23px}.image-container{display:flex;flex-wrap:wrap;justify-content:center}.image-wrapper{margin:10px;position:relative}.image-hover{display:inline-block;overflow:hidden;position:relative}.image-hover img{height:auto;transition:filter .3s ease;width:100px}.image-hover:hover img{filter:brightness(.6)}.overlay{align-items:center;background-color:#00000080;bottom:0;color:#fff;display:flex;font-size:16px;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.image-hover:hover .overlay{opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.links-fade{animation:fadeIn 1s ease-out forwards;opacity:0}.navbar{background:#0000;color:#e0e0e0;display:flex;font-size:15px;justify-content:flex-end;padding:10px 20px;position:relative;z-index:100}.nav-links{list-style-type:none;padding:0}.nav-links li{display:inline;margin:0 5px}.nav-links a{color:#e0e0e0;text-decoration:none}.nav-links a:hover{color:#aba9a9}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}
/*# sourceMappingURL=main.332faa6c.css.map*/