@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css?family=Roboto:700";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.header{width:100%;padding:10px;display:flex;position:fixed;justify-content:space-between;align-items:center;top:0;left:0;z-index:1000;text-shadow:0 0 7px rgba(255,255,255,.3),0 0 3px rgba(255,255,255,.3)}.header h1{color:#d3d3d3;margin:0;font-size:1.5em}.theme-switch-wrapper{display:flex;align-items:center}.theme-switch{display:inline-block;height:32px;position:relative;width:60px;margin-right:10px}.theme-switch input{display:none}.slider{background-color:#a7a7a7;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.4s;width:26px}input:checked+.slider{background-color:#111}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.theme-icon{width:30px;height:30px;margin-left:70px;vertical-align:middle}.button-container{display:flex;gap:5px;justify-content:flex-end;margin-right:20px}.aboutme-button,.ddbutton,.home-button,.cv-button{padding:10px 20px;border:none;border-radius:5px;font-size:16px;background-color:#181818;border:1px solid rgba(255,255,255,.1);color:#fff}.dropdownmenu{position:absolute;right:1%;transform:translate(-50%);z-index:1000}.dropdown-content{display:flex;position:absolute;flex-direction:column;background-color:#141414;min-height:160px;min-width:160px;top:100%;box-shadow:0 8px 16px #0000004d;z-index:1000;animation:slideDown .4s cubic-bezier(.25,.8,.25,1) forwards;transform-origin:top;overflow:hidden;border-radius:8px;right:1%}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:500px;opacity:1;transform:translateY(0)}}.dropdown-content a{color:#fff;padding:12px 16px;text-decoration:none;display:block;transition:background-color .3s,transform .3s}.dropdown-content a:hover{background-color:#323232;transform:translate(5px)}.dropdown:hover .dropdown-content{display:block;background-color:#2c003d}.main-container{display:flex;justify-content:center;align-items:center;height:25vh;margin-top:5vh;margin-bottom:100px}.main{display:flex;flex-direction:row;align-items:center;background-color:#222;border-radius:12px;box-shadow:0 4px 10px #0003;border:1px solid rgba(255,255,255,.1);padding:40px;max-width:900px;width:100%}.main h1{font-size:2.5em;margin-bottom:5px;text-transform:none;color:#fff;font-weight:700}.main p{font-family:Inter,sans-serif;font-size:1.2em;line-height:1.6;margin:5px 0;color:#bbb}.main-text{display:flex;flex-direction:column;justify-content:center;margin-left:30px}.main-text .subtitle{font-size:1.1em;font-weight:400;color:#999;margin-bottom:15px}.profile-pic-container{position:relative;width:180px;height:180px}.profile-pic{width:180px;height:180px;border-radius:50%;z-index:1}.location{display:flex;align-items:center;font-size:1em;color:#bbb}.location-icon{width:18px;height:18px;margin-right:8px;filter:invert(1) brightness(.8)}.logos{display:flex;gap:15px;margin-top:15px}.logo{width:40px;height:40px;transition:transform .3s ease,filter .3s ease;filter:invert(1) grayscale(100%) brightness(.8)}.logo:hover{transform:scale(1.1);filter:invert(1) grayscale(0%) brightness(1)}@media (max-width: 600px){.main{flex-direction:column;align-items:center;text-align:center;padding:30px}.main-text{margin-left:0;margin-top:20px}.profile-pic{width:140px;height:140px}h1{font-size:2em}p{font-size:1em}.logo{width:35px;height:35px}}.projects-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.projects-container h1{margin-bottom:20px;color:var(--text-color);filter:brightness(.6);text-shadow:0 2px 4px rgba(0,0,0,.5);text-align:left;text-transform:uppercase}.project-link{width:100%;max-width:1000px;text-decoration:none}.project-box{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:1000px;height:20vh;margin:20px 0;border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:inset 0 0 100px #fff3;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);overflow:hidden;transition:transform .3s ease-in-out}.project-box .project-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:transform .3s ease-in-out;box-shadow:inset 0 0 100px #fff3;z-index:1}.project-box:hover .project-image{transform:scale(1.1)}.project-box .project-title{position:absolute;bottom:50px;left:10px;z-index:2;font-size:24px;text-align:left;margin:25px}.project-box:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;opacity:0;transition:opacity .3s ease-in-out;z-index:0}.project-box:hover:after{opacity:.5}.project-box .learn-more{position:absolute;bottom:-50px;left:85px;transform:translate(-50%);background-color:#000000b3;color:#fff;padding:10px 20px;border-radius:20px;opacity:0;transition:bottom .4s ease-in-out,opacity .4s ease-in-out;z-index:3}.project-box:hover .learn-more{bottom:20px;opacity:1}.ts-container{display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:#222;padding-top:30px;padding-bottom:30px;border-radius:12px;box-shadow:0 4px 10px #0003;max-width:900px;width:100%;border:1px solid rgba(255,255,255,.1)}.ts-text{font-family:Inter,sans-serif;font-weight:700;flex-direction:column;font-size:2em;text-transform:uppercase;margin-right:30px;line-height:.45;color:#fff}.ts-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,auto);gap:50px}.ts-item{position:relative;display:flex;align-items:center;justify-content:center;padding:5px;border:none;color:#fff;transition:transform .3s ease;font-size:3em}.ts-item img{width:80px;height:80px;transition:transform .3s ease}.ts-item:hover{transform:scale(1.1)}.ts-item:hover:after{content:attr(data-tech);position:absolute;bottom:-30px;background-color:#0000004d;color:#fff;padding:5px 10px;border-radius:5px;font-size:.3em;white-space:nowrap}.about h1{font-family:Inter,sans-serif;font-size:5em;text-decoration-line:underline;text-shadow:1px 1px 2px rgb(61,61,61)}.about{font-size:1em;text-align:left;align-items:center;justify-content:center;margin-top:30%;max-width:600px}.footer-container{display:flex;justify-content:center;align-items:flex-end;bottom:0;width:100%;padding:10px 0}.footer{text-align:center}.greetings{text-align:center;padding:20px;margin-top:10vh}.greetings-text{font-family:Inter,sans-serif;font-size:4rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5);color:var(--text-color);filter:brightness(.6)}.cv-container{margin-top:30%;font-size:24px;min-height:900px;width:100%}:root{--background-color: #bdbdbd;--text-color: #000000}[data-theme=dark]{--background-color: #242424;--text-color: #ffffff}html,body{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0;padding:0;background-color:var(--background-color);color:var(--text-color);transition:background-color .3s ease-in-out,color .3s ease-in-out}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--background-color);z-index:-1;transition:background-color .3s ease-in-out}
