@import url(https://fonts.googleapis.com/css2?family=Roboto: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}:root{scroll-behavior:smooth}@media only screen and (max-width:768px){#scrollDownMessage,#topbar{display:none!important}#topbar a{min-width:0!important;padding:5px!important}}.App{display:block;width:100vw}body{background-color:#000;color:#e6fdff;font-family:Roboto,sans-serif;text-align:center}section>div{margin:10px}pre{white-space:pre-wrap}p,pre{font-family:Roboto,sans-serif;font-size:3ch}ul{padding:0}li{font-family:Roboto,sans-serif;font-size:3ch}img{border-radius:5px;height:20%;width:30%}h2{font-size:6ch;font-weight:lighter}h2>a{font-size:1.8ch}h4{font-size:1.2ch;margin:.5ch}a{color:rgba(50,135,210,.688);font-family:Roboto,sans-serif;font-size:2ch}.biggerLink{font-size:5ch}#topbar{align-items:center;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:rgba(38,109,171,.194);border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:flex;gap:2%;height:10vh;justify-content:center;list-style-type:none;padding:2vw;position:fixed;width:96vw;z-index:4}#topbar a{background-color:rgba(59,90,190,.879);border-radius:10px;color:#a5e8ff;cursor:pointer;font-size:3ch;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:1ch;text-align:center;text-decoration:none;transition:1s}#topbar li:hover{background-color:#4747e0}section{padding-bottom:5vh;padding-top:.5vh}#about{background-color:#285067}#projects{background-color:rgba(70,10,88,.363)}#skills{background-color:rgba(39,172,121,.363)}#experience{background-color:rgba(74,88,10,.546)}#creativeart{background-color:rgba(79,36,188,.546)}#otherprojects{background-color:rgba(89,149,135,.546)}.heading{font-size:6ch;margin-top:25vh}.projectTitle{font-size:4ch}.projectDescription{font-size:3ch}#scrollDownMessage{align-items:center;background-color:#0e3571;border-radius:10px;display:flex;height:75px;justify-content:center;left:50%;margin-left:-250px;margin-top:-37.5px;opacity:.1;position:fixed;top:90%;width:500px}#hello{display:flex;flex-direction:column;font-size:80px;gap:.5ch;margin-bottom:0;margin-top:4ch}#externallinks{display:flex;gap:15px;justify-content:center;margin-top:20px}#externallinks svg{transition:.2s}#externallinks svg:hover{fill:#6868a6}button{background-color:#000;border:none;border-radius:10px;color:hsla(0,0%,100%,.756);cursor:pointer;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:30px;padding:.5vw;transition:.5s}button:hover{background-color:#00000070}.skills-container{margin:0 auto;max-width:1200px;padding:40px 20px}.skills-category{margin-bottom:50px}.skills-category h2{font-size:1.8rem;margin-bottom:30px;text-align:center}.skills-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));justify-items:center}.skill-card{align-items:center;background:#1b1e1f;border-radius:12px;display:flex;flex-direction:column;padding:20px;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;width:120px}.skill-card:hover{box-shadow:0 10px 25px rgba(0,0,0,.15);-webkit-transform:translateY(-10px);transform:translateY(-10px)}.skill-icon{height:64px;margin-bottom:12px;object-fit:contain;width:64px}.skill-card p{color:#fff;font-size:.9rem;font-weight:500;margin:0;text-align:center}@media (max-width:768px){.skills-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.skill-card{padding:15px;width:100px}.skill-icon{height:48px;width:48px}}.projects-container{margin:0 auto;max-width:1400px;padding:40px 20px}.projects-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:40px}.project-card{background:hsla(0,0%,93%,.543);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}.project-header{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:16px 20px}.project-header h3{color:#2c3e50;flex:1 1;font-size:1.2rem;margin:0}.project-links{align-items:center;display:flex;gap:12px}.icon-link img{height:24px;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;width:24px}.icon-link:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}.demo-link{background:#007bff;border-radius:6px;color:#fff;font-size:.9rem;font-weight:500;padding:6px 12px;text-decoration:none;transition:background .2s ease}.demo-link:hover{background:#0056b3}.thumbnail-link{display:block;overflow:hidden;position:relative;width:100%}.project-thumbnail{display:block;height:200px;object-fit:cover;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.thumbnail-link:hover .project-thumbnail{-webkit-transform:scale(1.05);transform:scale(1.05)}.play-button{align-items:center;background:rgba(0,0,0,.7);border-radius:50%;color:#fff;display:flex;font-size:24px;height:60px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:background .2s ease;width:60px}.thumbnail-link:hover .play-button{background:rgba(255,0,0,.8)}.project-description{font-size:.95rem;font-weight:700;line-height:1.6;margin:0;padding:20px}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}.project-header h3{font-size:1rem}}.experience-container{margin:0 auto;max-width:900px}.timeline{left:-6vw;margin-top:40px;position:relative}.timeline-item{margin-bottom:25px;position:relative}.timeline-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border:1px solid hsla(0,0%,100%,.18);border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.3);padding:12px 18px;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}.timeline-content:hover{border-color:rgba(102,126,234,.4)}.timeline-year{background:#9daad9;border-radius:15px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:6px;margin-right:10px;padding:3px 10px}.timeline-content h3{color:#e0e7ff;display:inline;font-size:1.1rem;line-height:1.4;margin:.5ch}.timeline-content h3 a{color:#a5b4fc;text-decoration:none;transition:color .2s ease}.timeline-content h3 a:hover{color:#c7d2fe}.timeline-content p{color:#cbd5e1;font-size:.9rem;line-height:1.4;margin:8px 0 0}.project-link{color:#818cf8;display:inline-block;font-size:.85rem;font-weight:600;margin-top:8px;text-decoration:none;transition:color .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,color .2s ease;transition:transform .2s ease,color .2s ease,-webkit-transform .2s ease}.project-link:hover{color:#a5b4fc}@media (max-width:768px){.timeline:before{left:15px}.timeline-dot{left:7px}.timeline-item{margin-bottom:20px;padding-left:45px}.timeline-content{padding:10px 15px}.timeline-content h3{font-size:1rem}}.creative-container{margin:0 auto;max-width:1400px;padding:40px 20px}.section-title{color:#a5b4fc;font-size:2rem;margin:40px 0 20px;text-align:center}.video-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:60px}.video-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border:1px solid hsla(0,0%,100%,.18);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.3);min-height:100px;overflow:hidden;padding:2vw;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}.video-card:hover{box-shadow:0 8px 24px rgba(102,126,234,.4);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.video-card h3{border-bottom:1px solid hsla(0,0%,100%,.1);color:#e0e7ff;font-size:1.2rem;margin:0;padding:16px 20px}.video-thumbnail-link{display:block;overflow:hidden;position:relative}.video-thumbnail{display:block;height:200px;object-fit:cover;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.video-thumbnail-link:hover .video-thumbnail{-webkit-transform:scale(1.05);transform:scale(1.05)}.local-video{display:block;height:200px;object-fit:cover;width:100%}.video-description{color:#cbd5e1;font-size:1.2rem;line-height:1.6;margin:0;padding:15px 20px}.projects-list{margin:0 auto 40px;max-width:800px}.project-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border:1px solid hsla(0,0%,100%,.18);border-radius:10px;margin-bottom:20px;padding:20px 25px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.project-item:hover{-webkit-transform:translateX(10px);transform:translateX(10px)}.project-item h3{font-size:1.2rem;margin:0 0 10px}.project-item h3 a{color:#a5b4fc;text-decoration:none;transition:color .2s ease}.project-item h3 a:hover{color:#c7d2fe}.project-item p{color:#cbd5e1;font-size:.95rem;margin:0}.art-showcase{margin:40px 0;text-align:center}.art-image{border:2px solid rgba(102,126,234,.3);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.4);height:auto;max-width:600px;width:100%}.art-showcase p{color:#cbd5e1;font-style:italic;margin-top:15px}.note{background:rgba(255,165,0,.1);border:1px solid rgba(255,165,0,.3);border-radius:8px;margin:40px 0;padding:20px;text-align:center}.note p{color:gold;font-size:.9rem;margin:0}@media (max-width:768px){.video-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.88eaee4f.css.map*/