@import url(https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap);@import url(https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap);.container{align-items:center;display:inline-flex;flex-direction:column}.rubik{font-family:Rubik,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:800}.preview{border:3px red;height:300px;width:300px}.footer{align-items:center;display:flex;flex-direction:column;height:5vh;justify-content:center}.switch{display:inline-block;height:33px;position:relative;width:70px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#d3d3d3;border-radius:47px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:25px;left:4px;width:25px}input:checked+.slider{background-color:#2da44e}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translateX(37px)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;cursor:url(https://cdn-icons-png.flaticon.com/512/194/194941.png),auto;margin:0}h1,h2{font-family:Rubik,sans-serif;letter-spacing:2px;text-transform:uppercase}p,p1{font-family:odisseia;letter-spacing:2px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100vw}.nav{background-color:#000;color:#fff;display:flex;font-family:odisseia;height:100%;justify-content:space-between;letter-spacing:2px;padding:0 50px}.site-title{font-size:2rem}.nav ul{display:flex;list-style:none;margin:0;padding:0}.nav .site-title,.nav li{align-items:center;color:#fff;display:flex;height:100%;text-decoration:none}.nav .site-title{margin-bottom:20px;margin-top:20px}.nav .links a{align-items:center;color:#fff;display:flex;height:100%;padding-left:2rem;padding-right:2rem;text-decoration:none}.nav li:hover{animation-duration:.5s;animation-name:example;background-color:#777}@media (min-width:768px){.projects-container{gap:40px;grid-template-columns:1fr 1fr}.container{margin:1rem;text-align:center}@keyframes example{0%{background-color:#333}to{background-color:#777}}.header-title{color:#fff}.header-container{max-width:90%}.header-container,.intro{align-items:center;animation:fadeIn 1s ease-in forwards;color:#fff;display:flex;justify-content:center;opacity:0}.intro{padding:50px}.intro-content{animation:fadeIn 1s ease-in forwards;display:flex;gap:40px;margin:0 auto;max-width:1200px;opacity:0}.intro-content,.intro-text{align-items:center;justify-content:center}.intro-text{max-width:600px}.intro-text h2{font-size:2em;margin-bottom:20px}.intro-text p1{font-size:1.1em;text-align:left}.intro-image img{border-radius:50%;box-shadow:0 4px 8px #0000001a;max-width:300px}.current-work{animation:fadeIn 1s ease-in forwards;color:#fff;opacity:0;padding:50px;text-align:left}.work-content{display:flex;max-height:500px;max-width:1000px}.current-work h2{font-size:2.2em;margin-bottom:20px;text-align:center}.current-work p{font-size:1.2em;margin:0 auto;text-align:left}.text-content{align-items:left}.viv{align-items:right;max-height:300px;max-width:400px}.social-links{animation:fadeIn 1s ease-in forwards;background-color:#000;color:#fff;opacity:0;padding:50px;text-align:center}.social-links h2{font-size:2.2em;margin-bottom:30px}.social-icons{display:flex;gap:20px;justify-content:center}.social-icons img{height:40px;transition:transform .3s ease;width:40px}.social-icons img:hover{transform:scale(1.2)}.projects-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;padding:20px}.project-link{color:inherit;text-decoration:none}.project{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;padding:20px}.project a{text-decoration:none}.project h2{font-size:1.8em;margin-bottom:10px}.project-description p{font-size:1.1em;line-height:1.6;text-align:left}.project-image img{border-radius:10px;height:auto;margin-top:15px;width:100%}footer{background-color:#2c3e50;color:#fff;margin-top:20px;padding:15px;text-align:center}@media (min-width:768px){.projects-container{gap:40px;grid-template-columns:1fr 1fr}.project{animation:fadeIn 1s ease-in forwards;flex-direction:column;opacity:0;transition:transform .3s,box-shadow .3s}.project:hover{box-shadow:0 6px 12px #0003;transform:translateY(-5px)}.project-image img{max-width:90%}}.whole-experience{align-items:center;justify-content:center}.experience-container{display:flex;gap:20px;grid-template-columns:1fr;max-width:200vh;padding:20px}.experience{align-items:center;animation:fadeIn 1s ease-in forwards;background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;opacity:0;padding:20px;transition:transform .3s,box-shadow .3s;width:90%}.experience h2{font-size:1.8em;margin-bottom:10px}.experience-description p{font-size:1.1em;line-height:1.6;text-align:left}.experience-image img{border-radius:10px;height:auto;margin-top:15px;width:100%}@font-face{font-family:odisseia;font-style:normal;font-weight:400;src:url(/static/media/OdisseiaLight.0e0ef5919ef651773134.otf) format("opentype")}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}