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{--text-color:#ddd;--gray:#ccc;--cyan:#0ff;--teal:teal;--background-color:#282c34;--background-translucent:#282c34bf;--background-outer:#141414;--gray0:0,0,0;--gray1:20,20,20;--gray2:40,40,40;--gray3:60,60,60}#tsparticles{height:100%;left:0;margin:0;padding:0;position:fixed;top:0;width:100%;z-index:-1}html{scroll-behavior:smooth}body{background-attachment:fixed;background-image:radial-gradient(circle,#282c34,#141414);background-image:radial-gradient(circle,var(--background-color),rgb(var(--gray1)));background-size:cover;color:#ddd;color:var(--text-color);font-family:Consolas,Courier New,monospace;font-size:1.2vh;text-align:center}p{margin:10px 0}h1{font-size:4vh;padding-top:50px}h2{color:teal;color:var(--teal);font-size:2vh;margin:0}.card{background-image:linear-gradient(to bottom right,#3c3c3cbf,#141414bf);background-image:linear-gradient(to bottom right,rgba(var(--gray3),.75),rgba(var(--gray1),.75));border:2px solid #ccc;border:2px solid var(--gray);border-radius:8px;gap:25px;margin:0 auto;max-width:1000px;padding:40px;width:calc(100% - 150px)}.App,.card,.nav-bar{display:flex}.nav-bar{background-image:linear-gradient(to bottom right,#3c3c3c80,#28282880);background-image:linear-gradient(to bottom right,rgba(var(--gray3),.5),rgba(var(--gray2),.5));flex-direction:column;height:100vh;justify-content:center;left:0;padding:10px;position:fixed;top:0;width:150px}.nav-bar ul{list-style:none;padding:0}.nav-bar a{color:#fff;display:flex;font-size:1.2em;height:50px;justify-content:center;margin:20px 0;text-decoration:none}.nav-bar li.active a{color:teal;color:var(--teal);font-weight:700}.main-content{display:block;width:100%}.content-section{box-sizing:border-box;min-height:100vh;padding-left:180px;padding-right:20px;width:100%}@media (max-width:1000px){.nav-bar{display:none}.content-section{padding-left:20px}}#about,#home,#projects{color:#fff}.footer{bottom:0;font-size:1.5vh}.footer,.progress-banner{position:fixed;width:100%}.progress-banner{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#dc26262e;box-shadow:0 2px 8px #00000040;color:#ffecec;font-weight:700;left:0;padding:10px 16px;text-align:center;top:0;z-index:1000}.Center{align-items:center;display:flex;flex-direction:column;font-family:Consolas,Courier New,monospace;font-size:1.5vh;justify-content:center;padding-top:35vh}.name-highlight{font-size:5vh;font-weight:700}.scroll-arrow{bottom:20px;left:50%;position:absolute;transform:translateX(-50%);z-index:1000}.arrow-icon{animation:fadeInOut 2s ease-in-out infinite;color:var(--gray);font-size:3rem;padding-top:200px}@keyframes fadeInOut{0%,to{opacity:0}50%{opacity:1}}.image-container{display:flex;justify-content:center;width:100%}.profile-picture{border:2px solid var(--text-color);border-radius:50%;height:200px;margin-bottom:30px;object-fit:cover;width:200px}.about-container{align-items:stretch;flex-direction:column;justify-content:center;text-align:left}.resume-content,.text-content{flex:1 1}.text-content p{padding-bottom:15px}table{padding:10px 0}td{min-width:130px;padding:5px 0;vertical-align:top}.faint{color:gray}@media (min-width:1000px){.about-container{flex-direction:row}}.social-icons{align-items:center;display:flex;gap:15px;justify-content:left;margin-top:10px}.icon{color:#fff;font-size:2.5rem;transition:color .3s ease}.icon:hover{color:var(--teal)}.arrow-button{background:#0000;border:none;color:var(--text-color);cursor:pointer;font-size:24px;padding:10px}.arrow-button:hover{color:var(--teal)}.project-image,iframe{border-radius:10px;max-width:80%}.projects-container{display:flex;flex-direction:column;gap:40px;margin-bottom:40px}.project-media{height:auto;max-width:40%;min-width:200px}.project-image{width:80%}.project{display:flex;flex-direction:column;padding:0}.project-details{flex:1 1;padding:20px 80px;text-align:left}.slideshow{align-items:center;display:flex;height:250px;justify-content:center;margin:0 auto;max-width:80%;min-width:200px;position:relative}@media (min-width:800px){.project{flex-direction:row;padding:40px}.slideshow{max-width:40%}}.project-link{color:var(--text-color);text-decoration:none}.project-link:hover{color:var(--teal)}
/*# sourceMappingURL=main.8666ab21.css.map*/