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}.App{color:#fff;color:var(--color-text);display:flex;flex-direction:column;height:100vh;position:relative}.background{background-color:#222;background-color:var(--color-bg);height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.theme-toggle{background-color:initial;border:none;color:#fff;color:var(--color-text);cursor:pointer;font-family:Courier New,Courier,monospace;font-size:20px;font-weight:700;margin-left:50px;padding:0}.theme-toggle:hover{opacity:.8}.App-header{align-items:center;display:flex;justify-content:space-between;padding:30px 100px}.App-main{display:flex;gap:20px;padding-left:100px;padding-right:100px}.logo{margin-right:20px}.nav-links{display:flex;justify-content:flex-end}.nav-links a{color:#fff;color:var(--color-text);font-weight:700;margin-left:20px;text-decoration:none}.description-container{align-items:center;backdrop-filter:blur(11.2px);-webkit-backdrop-filter:blur(11.2px);background:hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);display:flex;flex:7 1;flex-direction:column;height:550px;justify-content:center;margin:0 auto}.text-container{box-sizing:border-box;display:flex;flex-direction:column;font-family:Courier New,Courier,monospace;height:100%;justify-content:space-between;padding:50px;width:100%}.description-container h1{font-size:2.5rem;margin-bottom:0;margin-top:0}.description-container p{font-size:1.7rem;margin-bottom:0;margin-top:0}.projects-container{border-radius:40px;display:flex;flex:3 1;flex-direction:column;gap:20px;height:550px}.project{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);box-sizing:border-box;color:#fff;color:var(--color-text);cursor:pointer;display:flex;flex:1 1;flex-direction:column;padding:40px 40px 0;transition:box-shadow .2s ease-in-out;width:100%}.project:hover{box-shadow:0 4px 30px rgba(0,0,0,.2)}.project-1{backdrop-filter:blur(8.2px);-webkit-backdrop-filter:blur(8.2px);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);font-family:Courier New,Courier,monospace;font-size:24px}.project-description{font-size:15px;margin-top:5px}.project-header{font-size:20px;margin:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.project-2,.project-3{backdrop-filter:blur(8.2px);-webkit-backdrop-filter:blur(8.2px);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);font-size:24px}.contact,.project-2,.project-3{font-family:Courier New,Courier,monospace}.contact{background-color:#191919;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.2em;width:200px}.contact:hover{opacity:.8}.linkedin-button{background-color:#191919;border:none;border-radius:4px;cursor:pointer;height:50px;width:50px}.infobar{display:flex;gap:10px}@media (max-width:900px){.App-header,.App-main{padding-left:30px;padding-right:30px}.App-main{flex-direction:column;overflow:scroll}.text-container{gap:20px;padding:20px}.description-container h1{font-size:1.5rem}.description-container p,.project-description{font-size:1.2rem}.project{padding:20px 20px 0}.project-1,.project-2,.project-3{font-size:1.2em}}:root{--color-bg:#222;--color-text:#fff}[data-theme=light]{--color-bg:#fff;--color-text:#222}.project-modal{align-items:center;-webkit-animation:fadeIn .3s;animation:fadeIn .3s;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(40px);background:hsla(0,0%,100%,0);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.project-modal button{background:transparent;border:none;color:#fff;color:var(--color-text);cursor:pointer;font-size:48px;position:absolute;right:20px;top:5px}.project-modal button,.project-modal h1{font-family:Courier New,Courier,monospace}.project-modal h1{font-size:40px;margin:0;text-align:left}.project-modal img{height:auto;margin-right:20px;max-width:500px;width:50%}.project-modal p{flex:1 1;font-family:Courier New,Courier,monospace;font-size:24px;text-align:left}.description{max-height:500px;max-width:700px;overflow:scroll}.description a{font-weight:700;text-decoration:underline}.content{display:flex;gap:40px}.video{border-radius:16px}@media screen and (max-width:768px){.content{flex-direction:column;gap:20px;justify-content:space-between;padding:40px}.video{height:250px;width:auto}.description{height:300px}}
/*# sourceMappingURL=main.de796fb3.css.map*/