*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Roboto,serif;color:#fff;background-color:#000}.cursor-glow{position:fixed;width:60px;height:60px;background:radial-gradient(circle,#caccce66,#007bff00 80%);border-radius:50%;pointer-events:none;filter:blur(8px);transform:translate(-50%,-50%)}.header{position:fixed;left:50%;transform:translate(-50%);width:80%;max-width:40rem;z-index:1000;margin-top:1rem}.header .nav{display:flex;align-items:center;justify-content:space-around;height:2.5rem;border-radius:10px;box-shadow:0 0 10px #ffffff80;background-color:#000;padding:5px}@media (min-width: 600px){.header .nav{height:3rem}}.header .nav a{text-decoration:none;background:none;font-size:12px;cursor:pointer;color:#fff;border:2px solid transparent}@media (min-width: 600px){.header .nav a{font-size:18px}}.header .nav a:hover{font-weight:700;background:linear-gradient(45deg,#00f9,#03f9,#06f9,#09f9,#0cf9,#3cf9,#6cf9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform:scale(1.1)}@media (min-width: 600px){.a{font-size:20px}}.main-content{display:flex;justify-content:center;align-items:center}.main-content .welcome{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:start;font-weight:100;margin:6rem 1rem 1rem;max-width:70rem}.main-content .welcome .welcome__title{font-size:20px;margin-top:3rem}@media (min-width: 600px){.main-content .welcome .welcome__title{font-size:30px;margin-left:4rem;margin-right:4rem}}.main-content .welcome .color-text{-webkit-background-clip:text;background-clip:text;background:linear-gradient(45deg,#00f9,#03f9,#06f9,#09f9,#0cf9,#3cf9,#6cf9)}.main-content .welcome .tooltip{color:#00b7fff4}.main-content .welcome .welcome__text{max-width:60rem}@media (min-width: 600px){.main-content .welcome .welcome__text{font-size:20px;margin-left:4rem;margin-right:4rem}}.main-content .welcome .welcome__text .button-contact{all:unset;cursor:pointer;color:#00b7fff4}.main-content .welcome .welcome__text .tooltip{position:relative;cursor:pointer}.main-content .welcome .welcome__text .tooltip:after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:5px;border-radius:5px;white-space:nowrap;visibility:hidden;opacity:0;transition:opacity .3s ease;font-size:12px}.main-content .welcome .welcome__text .tooltip:hover:after{visibility:visible;opacity:1}.main-content .welcome .welcome__image{margin-top:2rem;width:8rem;height:8rem;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 4px 8px #0003}.carousel-container{position:relative;left:50%;transform:translate(-50%);overflow:hidden;width:100%;margin-right:1rem}@media (min-width: 600px){.carousel-container{width:60%}}.header-projects{display:flex;flex-direction:column;justify-content:center;align-items:start;text-align:start;margin-left:1rem}@media (min-width: 600px){.header-projects{font-size:30px;align-items:center}}.title-projects{text-align:left;margin-top:6rem}@media (min-width: 600px){.title-projects{font-size:30px}}.text-projects{text-align:left;font-weight:100;font-size:16px;margin-bottom:3rem}@media (min-width: 600px){.text-projects{font-size:20px;max-width:60rem;margin-left:4rem;margin-right:4rem}}.color-text{-webkit-background-clip:text;background-clip:text;background:linear-gradient(45deg,#00f9,#03f9,#06f9,#09f9,#0cf9,#3cf9,#6cf9)}.carousel{display:flex;align-items:center;transition:scroll .3s ease;scroll-snap-type:x mandatory;gap:20px;scroll-behavior:smooth;overflow-x:auto;scrollbar-width:none;min-height:320px;padding-left:1rem;padding-right:1rem}.carousel::-webkit-scrollbar{display:none}.card{flex:0 0 auto;width:200px;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 8px #0000001a;text-decoration:none;transition:transform .2s ease;position:relative}.card:hover{transform:scale(1.05)}.card img{width:200px;height:300px;object-fit:cover;border:3px solid rgb(0,98,255);border-radius:10px}.title-card{text-align:center;font-size:16px;padding-top:4px;padding-bottom:2px;font-weight:300;color:#fdfdfd;background-color:#0062ff;position:absolute;bottom:-14px;width:100%;border-radius:0 0 10px 10px/0px 0px 10px 10px}.scroll-button{width:50px;height:50px;position:absolute;top:68%;transform:translateY(-50%);background-color:#ffffff96;border-radius:50%;color:#0062ff87;border:none;padding:10px;font-size:24px;cursor:pointer;scroll-behavior:smooth;z-index:1;transition:background-color .3s}.scroll-button.left{left:10px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAAAPoSURBVHhe7dzJa9RQHAfw39hWvainlil68lShpRet4ILQEUFQQYTigh48uIOIy8X/wOWmCBUPIiItigcRD3ahIFVcDnYK9m610J5UROrC+PslL23tOFlfXibJ9wM/sky18L59eS+ZJAQAAAAAAAAAAAAAAAAAAADpVKlUWrjeqGpRuyEJHECR6wOXY4yrWX0MJnHDS88oSwrlSbsU2YeeYhI3+FzPGPvIXeJspdJ6jnd8lj0W9BRTuKGrwqCjduUhlIJa1gVu4CIvhrnaypNEpWtEM9+sj+a0riIausg/0GptlrlKhUJhxtrKgLoJxE8YjiyHskQtE+UWRlMD0ZFN9rpj6gtR91WiiSlrs4NrMCuHr8QD8Qqj/yTR7k57e6GshpJoINyAMn19ztU2/olo+/X5MJY1Ej0+Y68f7LWXi0ko264Qyb9lEsozay3FEgtEhTHI1S4NKj1j+qv1kRXGo9NEv/4Q9dyyl3mRSCDqMDXC1S6HKTn0hAmjyIP7yCX+T1ZbmzK477TWUsz4LMttzAgaxnAGZ1pGA0EY3owFgjD8MRIIwvAv9kAQRjCxBoIwgostEIQRTiyBIIzwtAeCMKLRGgjCiE5bIByGtmtTry4TbVyrNtLtBf8hbVXrvmi5lqUzDPF9Vq2k3xa19C1yD9F1mMqayh17yT0kUBtH6iFuYYieDUQ/fuYvjChC9xCvMPLOaA9BGPEJHAjCiFeYHvKEq+o7cCF3hyzlgRzC0zLtdezqJOo/gVCiCBPIHq4J+R574DxR8wp7pzjUS/STZ1MHutQOCCzULIvHEbmoMcSFcaQGo7Ms/h1ye1o310THGj5Fv/BvT3FgTAku9BjiJxSMKcFFGtS9Qjl8m6ixgaiPQ5HbQsFb6DP1hXhMqXlxUYK4f4zo6Xuiu6P2Pi8DHGxpndpIuaBjiJZAhFsoQWXo8vso57FZrfuiLRCha/aV9Ydy3GgNRCCUaLQHIhBKeFovnTi40TynxHKO8vCU+5Q4y09K1RJLIMIrlL7XRMubvKfEeQsllkPWQm6HryBf8ebl8BV7IAKh+GckEIFQ/DEWiEAo3owGIhCKO+OBCIRSWyKBCA5Fy92OLSvtKbV6EvcdB7LeWkup2M5DvHDDTfOixDUujSmNKo0rZn8T7bs5/yaHPF26TywQoULZwVX1Hb2EsveG9CSiB8ftfYvJXfJ4Tj0GbmOK9I79XUT3Xtrbjqw+slAXgQi3UBbL8vMjdROI8BNKnh/mSYSEwvXfV/wV8d7FZHBDV4WCMBLGDY7XxNYbbvi5nqKgZySNA3BeNf5W1tVuAAAAAAAAAAAAAAAAAAAAyBWivxzVxDk9BsiJAAAAAElFTkSuQmCC);background-size:40px 40px;background-position:center;background-repeat:no-repeat}.scroll-button.right{right:10px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAACAklEQVR4nO3cwUrjQByA8blkfYJIfTgVAnpdfR77BCq6B496WgQhVVBBT54UX+OTkIquYC2F7fzT+X4QKIFC4Otk0iFJSpIkSZIkSZIkSZIkqUjAOjAB2u5z7uMpGlADd3x4BDZyH1fJI+O+q3D/0m9T3T5HSq6R8fgKo32of8PdsyMlRIzU9JtRAsVIRokXIxklTozNA6h2jBIiRmrgeAIn10ZZRpDJ+6Xt+t73p6ludJzewNktrO1+7O++4yVxhiDJKHlOWRv7i0Xxktgoqw1HSjwYJR6MEg9GiQejDD/Kr93+H/3W2LWvMFGSC5L/H0aJh1WNAlyyAq6eFgsSbkGSFXH+MH+A7TEctv8u3YeJ8n4Ei/66hrhVkRckSwySppfEf276kfJ5f/YopQZJ0yhf/6Nkj1JykDRjyxbFIHw70WeJYhBmzilfrr5agzR55xSDNPnnjxmnrJEjpCkohnMIsWKUHKTagaO2vyU1TIxSg1TzL50sN8bnIEN3MefiYvhbUIG/FLL8XkWPUcrzIyn6aWroMEYcGCMOjBEHxogDY8SBMeLAGHFgjDgwRhwYIxZ8LDoWfHHAMO9qP2r7xcIfbttxoXBZUbbGxgj7/EftyIgTpTZGnCi1MeJEqY2RF74mdjAvUh7lPq6i0Y+U7jXjvmpckiRJkiRJkiRJkqQ0XG8BkijbXMa6/AAAAABJRU5ErkJggg==);background-size:40px 40px;background-position:center;background-repeat:no-repeat}.scroll-button:hover{background-color:#fff}.contact-section{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:10px}.contact-form-container{padding:10px;border-radius:10px;box-shadow:0 4px 10px #0000001a;width:100%;max-width:500px}.title{text-align:left;width:100%;margin-top:6rem}@media (min-width: 600px){.title{font-size:30px;text-align:left;width:58%;margin-bottom:5rem}}.contact-form{display:flex;flex-direction:column;gap:15px}.contact-label{font-size:14px;font-weight:400;text-align:left;color:#fffffff4}@media (min-width: 600px){.contact-label{font-size:18px}}.contact-input,.contact-textarea{width:100%;padding:12px;border:1px solid #90caf9;border-radius:8px;background-color:#f3faff;font-size:1rem;outline:none}.contact-textarea{resize:none;height:120px}.contact-button{font-size:14px;background:linear-gradient(45deg,#00f9,#03f9,#06f9,#09f9,#0cf9,#3cf9,#6cf9);color:#fff;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;transition:background .3s;width:100%;margin-bottom:3rem}@media (min-width: 600px){.contact-button{font-size:18px}}.contact-button:hover{background-color:#0d47a1}.links{margin:3rem;display:flex}.icon-github,.icon-linkedin,.icon-pdf{margin:.5rem;width:2rem}@media (min-width: 600px){.icon-github,.icon-linkedin,.icon-pdf{width:4rem}}.footer{border-top:.5px solid white;text-align:center;margin:0;font-size:12px}