body,html{margin:0;padding:0;height:100%;width:100%;text-align:center}#root{height:100%;display:flex;flex-direction:column}.navbar{background-color:#000;position:fixed;width:100%;min-height:100px;top:0;left:0;z-index:10}.intro-section{display:flex;justify-content:center;align-items:center;flex:1;padding-top:100px;padding-bottom:20px;box-sizing:border-box;margin:0 auto}.exp{margin-top:50px}.highproj{margin-top:150px}.contactMe{margin-top:80px}.education{margin-bottom:120px}@media (max-width: 768px){.intro-section{flex-direction:column;align-items:center;padding-top:100px}.intro-section .photo img{width:auto;max-width:35em;height:auto}.intro-section .introduction{width:100%;max-width:500px;margin-top:20px}}.fadeIn{animation:fadeIn 2s ease-in}*{color:#fff}.navbar{width:100%;max-height:50px;display:flex;align-items:center;justify-content:space-between;padding:25px 7%}.logos{cursor:pointer;display:flex}ul{flex:1;list-style:none;text-align:center}img{width:50px;padding:10px;margin-left:12px}ul li{display:inline-block;margin:10px 20px;font-size:18px;cursor:pointer}@media (max-width: 768px){ul li{font-size:8px}}.photo img{width:35em;height:35em;border-radius:50%;object-fit:cover;min-width:10vh;max-width:100%;height:auto;border:black line 40px;animation:fadeIn 2s ease-in}.photo img:hover{transform:scale(1.05);box-shadow:0 0 15px #0003}.container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:50px;gap:20px}.introduction{display:flex;flex-direction:column;text-align:center;justify-content:center;align-items:center;max-width:67em;flex:1;animation:fadeIn 1s ease-in}.introduction h1,.introduction h3{margin:0;padding:.5em 0}.introduction h1{font-size:4.5em;border-right:2px solid;width:0;white-space:nowrap;overflow:hidden;animation:typing 1.2s steps(40,end) forwards,blink-caret .75s step-end infinite}.introduction h3{font-size:1.5em;line-height:40px}.photo,.introduction{flex:1}@keyframes typing{0%{width:0}to{width:100%}}@media (max-width: 900px){.photo img{min-width:150px;width:80%;height:auto;min-width:40vh;max-width:6em}.container{justify-content:center;align-items:flex-start;width:100%}.introduction{width:100%;text-align:center}.photo,.introduction{max-width:100%;margin:0}.introduction h1{font-size:6vw;width:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blink-caret{50%{border-color:transparent}}.eduContainer{border-radius:15px;padding:40px;margin:40px auto;width:75%;box-shadow:0 8px 16px #0003;background-color:#151515;color:#f1f1f1}h1,h2,h3{margin:20px 0}h2 em,h3 em{color:#a9a9a9}h1{font-size:3.5em}h2{font-size:2em}h3{font-size:1.3em}@media (max-width: 768px){.eduContainer{padding:20px;margin:20px auto;width:90%}h1{font-size:1.8em}h2,h3{font-size:1.4em}}.eduContainer img{margin-top:15px;width:25em;height:10em}@media (max-width: 768px){.eduContainer{max-width:80%}}.experienceWrapper{background-color:#232323cc;box-shadow:0 4px 8px #0003;border-radius:15px;margin:20px auto;min-width:70%;max-width:75%;color:#fff;display:flex;flex-direction:column;gap:20px;padding:20px;align-items:stretch}.experience:hover{box-shadow:0 0 30px #fff}.buttonsExp{display:flex;justify-content:center;gap:10px;margin-bottom:20px;background-color:#151515;border-radius:100px}.buttonsExp button:hover{background-color:#000}.buttonsExp button{padding:1em;margin:10px;border:none;border-radius:10px;background-color:#151515;color:#fff;cursor:pointer;transition:background-color .3s;font-size:120%}.companies{display:flex;flex-direction:column;gap:20px;margin:0 auto;min-width:95%}.experience{border-radius:10px;box-shadow:0 2px 5px #0003;display:grid;grid-template-columns:auto 1fr;min-width:90%;align-items:center;padding:20px;gap:20px}.experience img{width:120px;height:120px;object-fit:cover;border-radius:50%}.experience img:hover{animation:spin 2.5s linear infinite}.experience h2,.experience h3,.experience p{margin:5px 0;color:#ecf0f1}.experience h2{font-size:2.35em;margin-bottom:20px;color:#fff;text-decoration:underline}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.experienceWrapper{padding:10px}.experience{grid-template-columns:1fr;text-align:center}.experience img{margin:0 auto}.buttonsExp button{padding:.1em;font-size:1em}}.project{background-color:#232323cc;box-shadow:0 4px 8px #0003;color:#fff;border:1px solid #444;border-radius:8px;margin:10px;flex:0 1 calc(33% - 20px);display:flex;flex-direction:column;overflow:hidden;max-width:700px;height:auto;align-items:center;box-sizing:border-box}.cardBody{padding:15px;display:flex;flex-direction:column;align-items:center;text-align:center}.title,.description{margin:5px 0}.project img{min-width:90%;height:auto;object-fit:cover;margin:0,auto;display:block;max-height:500px}.highlightProjects{display:flex;flex-wrap:wrap;justify-content:space-around;padding:10px}.project:hover{box-shadow:0 0 30px #fff}.project button{font-weight:700;color:#fff;border:none;padding:10px 20px;margin-top:10px;cursor:pointer;border-radius:5px;box-shadow:0 8px 16px #0003;background-color:#151515}.highlightwrapper button{font-weight:700;color:#fff;border:none;padding:20px 40px;margin-top:40px;cursor:pointer;border-radius:5px;font-size:2em;box-shadow:0 8px 16px #0003;background-color:#151515}.project button:hover,.highlightwrapper button:hover{background-color:#555}.project h1{font-size:600%;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif}@media screen and (max-width: 1024px){.project{flex-basis:70%;margin:10px;max-width:80%}}@media screen and (max-width: 768px){.project{flex-basis:70%;margin:10px 0;max-width:80%}}.contactContainer{border-radius:15px;padding:40px;margin:40px auto;width:75%;box-shadow:0 8px 16px #0003;background-color:#151515;color:#f1f1f1}.contactContainer label,.contactContainer input[type=text],.contactContainer input[type=email],.contactContainer textarea,.contactContainer input[type=submit]{display:block;width:100%;margin:10px 0;padding:10px;font-size:1.5em}.contactContainer input[type=submit]{background-color:#333;color:#fff;border:none;cursor:pointer;border-radius:5px;margin-top:20px}.contactContainer input[type=submit]:hover{background-color:#444}.contactContainer input[type=text],.contactContainer input[type=email],.contactContainer textarea{background-color:#333;border:1px solid #444;color:#fff}.contactContainer textarea{height:150px;resize:vertical}@media (max-width: 768px){.contactContainer{padding:20px;margin:20px auto;width:90%}}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;margin:0}body{display:flex;justify-content:center;align-items:center;background-size:200% 200%;background-image:linear-gradient(90deg,#020024,#220d39 87%);animation:gradientAnimation 20s ease infinite;zoom:70%}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}