@charset "UTF-8";body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background-image:linear-gradient(45deg,#131014,#302542)}*{margin:0;padding:0;box-sizing:border-box}ol,ul,li{list-style:none}a{text-decoration:none}.Convencional-Button{width:100%;font-size:18px;color:#fff;background-color:#ef28c1;padding:8px;border-radius:8px;border-style:none;-webkit-user-select:none;user-select:none;cursor:pointer}.Outlined-Button{width:100%;font-size:18px;color:#fff;background-color:#ef28c1;border-radius:8px;border-style:none;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:transparent;border:2px solid white;padding:6px}.Tag-Container{display:flex;align-items:center;padding:0 8px;gap:4px;border-radius:12px;background-color:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.Tag-Container img{width:16px;height:16px}.Bullet-List{list-style:disc outside}.Fx-TurnOn-Light{transition:1s}.Fx-TurnOn-Light:hover{color:#fff;transition:0s}.Fx-Compact{transition:.2s}.Fx-Compact:hover{transform:scale(1.2)}.Centered-Container{display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center}.Grid-Wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));grid-auto-flow:dense;gap:32px}.Flex-Wrap{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:32px}.Banner{display:grid;grid-template-columns:30% 30% 40%;background-image:linear-gradient(45deg,#131014,#302542);align-items:center;position:relative;height:100dvh}@media screen and (max-width: 800px){.Banner{grid-template-columns:50% 50%}}.Banner .Left-Container{grid-column:1/span 2;display:grid;grid-template-rows:1fr auto;padding:32px 10%;height:100%;border:none}@media screen and (max-width: 500px){.Banner .Left-Container{padding:32px 5%}}.Banner .Left-Container .Main-Container{grid-row:1;gap:64px;display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center}@media screen and (max-height: 600px){.Banner .Left-Container .Main-Container{gap:32px}}.Banner .Left-Container .Main-Container .Info-Container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:32px;border:none}.Banner .Left-Container .Main-Container .Info-Container .Photo-Container{width:150px;aspect-ratio:1/1;border-radius:100%;border:3px solid white;-webkit-user-select:none;user-select:none;background-image:url(/Profile%20Photo.jpg);background-size:cover;background-position:center;transition:width 1s}@media screen and (max-width: 500px){.Banner .Left-Container .Main-Container .Info-Container .Photo-Container{width:130px}}@media screen and (max-height: 550px){.Banner .Left-Container .Main-Container .Info-Container .Photo-Container{display:none}}.Banner .Left-Container .Main-Container .Info-Container .Biografy-Container{display:flex;flex-direction:column;font-size:32px;text-align:left;gap:16px;transition:font-size .5s;border:none}@media screen and (max-width: 500px){.Banner .Left-Container .Main-Container .Info-Container .Biografy-Container{font-size:24px;text-align:center}}.Banner .Left-Container .Main-Container .Info-Container .Biografy-Container .Biografy-Name{font-weight:700}.Banner .Left-Container .Main-Container .Info-Container .Biografy-Container .Biografy-Description{color:#009afb}.Banner .Left-Container .Main-Container .Info-Container .Buttons-Container{display:flex;gap:16px}.Banner .Left-Container .Main-Container .Info-Container .Buttons-Container .Convencional-Button,.Banner .Left-Container .Main-Container .Info-Container .Buttons-Container .Outlined-Button{min-width:150px;text-align:center}@media screen and (max-width: 500px){.Banner .Left-Container .Main-Container .Info-Container .Buttons-Container .Convencional-Button,.Banner .Left-Container .Main-Container .Info-Container .Buttons-Container .Outlined-Button{min-width:130px}}.Banner .Left-Container .Main-Container .Navigation-Menu{display:flex;flex-direction:column;align-items:center;border:none}.Banner .Left-Container .Main-Container .Navigation-Menu li{color:#b4b4b4;font-size:24px;text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer;min-width:200px}.Banner .Left-Container .Main-Container .Navigation-Menu li.Selected{color:#fff}.Banner .Left-Container .Main-Container .Navigation-Menu li.Selected:before{font-family:Courier New,Courier,monospace;display:inline-block;content:"►";animation:LeftMove 1s linear infinite}@keyframes LeftMove{0%{transform:translate(-10px)}50%{transform:translate(-15px)}to{transform:translate(-10px)}}.Banner .Left-Container .Main-Container .Navigation-Menu li.Selected:after{font-family:Courier New,Courier,monospace;display:inline-block;content:"◄";animation:RightMove 1s linear infinite}@keyframes RightMove{0%{transform:translate(10px)}50%{transform:translate(15px)}to{transform:translate(10px)}}.Banner .Left-Container .Logos-Container{grid-row:2;display:flex;flex-direction:column;justify-content:center;flex-direction:row;align-items:center;text-align:center;gap:16px}.Banner .Left-Container .Logos-Container a{-webkit-user-select:none;user-select:none;cursor:pointer;transition:.2s}.Banner .Left-Container .Logos-Container a img{width:32px}.Banner .Left-Container .Logos-Container a:hover{transform:translateY(-8px)}.Banner .Right-Container{grid-column:3;width:100%;height:100%;-webkit-mask-image:linear-gradient(270deg,black 70%,transparent 100%);mask-image:linear-gradient(270deg,black 70%,transparent 100%);background-image:url(/Background%20Image.jpg);background-size:cover;background-position:center;border:none}.Carousel-Component{width:100%;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;border:none}.Carousel-Component .Items-Container{display:flex;animation:Scrolling 15s linear infinite}@keyframes Scrolling{0%{transform:translate(0)}to{transform:translate(-100%)}}.Carousel-Component .Items-Container.Animation-Stopped{animation-play-state:paused}.Carousel-Component .Items-Container .Carousel-Item{width:96px;height:96px;padding:12px;transition:1s}@media screen and (max-width: 800px){.Carousel-Component .Items-Container .Carousel-Item{width:90%}}.Carousel-Component .Items-Container .Carousel-Item img{width:100%;-webkit-user-select:none;user-select:none;cursor:pointer}footer{display:flex;justify-content:center;background-color:#000;padding:32px 0}.Gallery-Component{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));grid-auto-flow:dense;gap:32px}.Gallery-Component .Item-Container{display:flex;flex-direction:column;border:2px solid #665c6f;border-radius:12px;overflow:hidden}.Gallery-Component .Item-Container:hover{box-shadow:0 0 12px #009afb80}.Gallery-Component .Item-Container:hover:hover .Image-Background{transform:scale(1.05)}.Gallery-Component .Item-Container .Image-Container{height:200px;position:relative;overflow:hidden;cursor:pointer}.Gallery-Component .Item-Container .Image-Container .State-Container{position:absolute;display:flex;align-items:center;padding:0 8px;gap:4px;border-radius:12px;background-color:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none;cursor:default;transform:translate(-50%);left:50%;top:8px;z-index:10}.Gallery-Component .Item-Container .Image-Container .State-Container img{width:16px;height:16px}.Gallery-Component .Item-Container .Image-Container .State-Container .State-Dot{width:12px;height:12px;background-color:green;border-radius:100%}.Gallery-Component .Item-Container .Image-Container .Image-Background{height:inherit;background-size:cover;background-position:center;transition:.3s}.Gallery-Component .Item-Container .Info-Container{height:calc(100% - 200px);background:linear-gradient(45deg,#131014,#302542);padding:32px;display:flex;flex-direction:column;justify-content:space-between}.Gallery-Component .Item-Container .Info-Container .Text-Container{margin-bottom:32px}.Gallery-Component .Item-Container .Info-Container .Text-Container .Subtitle{color:#009afb;border-bottom:2px solid #665c6f;padding-bottom:4px;margin-bottom:4px}.Gallery-Component .Item-Container .Info-Container .Text-Container .Description{margin-bottom:8px}.Gallery-Component .Item-Container .Info-Container .Text-Container .Tech-Stack{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.Gallery-Component .Item-Container .Info-Container .Buttons-Container{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,100px),1fr));grid-auto-flow:dense;gap:20px}.Gallery-Component .Item-Container .Info-Container .Buttons-Container a div{height:100%;text-align:center}.TechDetails-Component{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:32px;border:2px solid #665c6f;border-radius:12px;padding:32px}.TechDetails-Component .Buttons-Overlay{display:flex;justify-content:space-between;pointer-events:none;align-items:center;position:absolute;width:100%;margin-top:-32px}.TechDetails-Component .Buttons-Overlay button{width:32px;height:96px;padding:8px;background-color:transparent;pointer-events:auto;border:0}.TechDetails-Component .Buttons-Overlay button img{width:100%;opacity:.5;transition:.1s;-webkit-user-select:none;user-select:none}.TechDetails-Component .Buttons-Overlay button:hover{cursor:pointer}.TechDetails-Component .Buttons-Overlay button:hover img{opacity:1;transform:scale(1.1)}.TechDetails-Component .Buttons-Overlay button:active img{transform:scale(1)}.TechDetails-Component .Icon-Container{display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center;border:none;flex:1 1 100px;max-width:100%;-webkit-user-select:none;user-select:none}.TechDetails-Component .Icon-Container img{width:128px;margin-bottom:8px;animation:Icon-Floating 2s ease-in-out infinite}@keyframes Icon-Floating{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media screen and (max-width: 800px){.TechDetails-Component .Icon-Container img{width:96px}}.TechDetails-Component .Icon-Container:after{content:"";display:block;width:100px;height:20px;background-color:#000c;animation:Shadow 2s ease-in-out infinite;border-radius:100%;filter:blur(4px)}@keyframes Shadow{0%{transform:scaleX(.8)}50%{transform:scaleX(.6)}to{transform:scaleX(.8)}}.TechDetails-Component .Info-Details{flex:2 1 200px;border:none}.TechDetails-Component .Info-Details p{text-align:left}.TechDetails-Component .Info-Details p.Title{font-size:24px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;text-transform:uppercase;text-align:center;margin-bottom:16px;border-bottom:2px solid #665c6f}.Timeline-Component{display:grid}.Timeline-Component .Timeline-Node{display:grid;grid-template-columns:auto 1fr}.Timeline-Component .Timeline-Node .Timeline-Line{grid-column:1;display:flex;flex-direction:column;align-items:center;transform:translateY(2px)}.Timeline-Component .Timeline-Node .Timeline-Line .Node-Circle{position:relative;width:20px;height:20px;flex-shrink:0;border-radius:100%;border:2px solid gray}.Timeline-Component .Timeline-Node .Timeline-Line .Node-Circle .Circle-Node{position:absolute;display:inline-block;border-radius:100%;left:50%;top:50%;transform:translate(-50%,-50%);width:60%;height:60%}@keyframes Flicker{0%{background-color:var(--color)}10%{background-color:#fff}20%{background-color:var(--color)}to{background-color:var(--color)}}.Timeline-Component .Timeline-Node .Timeline-Line .Node-line{background-color:#665c6f;width:2px;height:100%;position:relative}.Timeline-Component .Timeline-Node .Info-Container{grid-column:2;padding:0 0 32px 32px}.Timeline-Component .Timeline-Node .Info-Container .Header-Container{display:grid;grid-template-columns:auto 1fr}.Timeline-Component .Timeline-Node .Info-Container .Header-Container img{width:24px;margin-right:8px}.Timeline-Component .Timeline-Node .Info-Container .Body-Container{padding-left:1.5rem}.Timeline-Component .Timeline-Node .Info-Container .Body-Container .Date{color:gray;text-align:left}.Timeline-Component .Title{font-weight:700}.Timeline-Component .Date{text-align:right}.Modal-Component{display:none;position:fixed;width:100vw;height:100vh;background-color:#0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);left:0;top:0;z-index:10000}.Modal-Component.Visible{display:block}.Modal-Component .Modal-Overlay{width:100%;height:100%}.Modal-Component .Modal-Content{width:80%;aspect-ratio:16/9;max-height:80vh;border-radius:12px;overflow:hidden;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #00000080;display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center;animation-name:EntryImage;animation-duration:.5s;animation-timing-function:ease}.Modal-Component .Modal-Content>div{width:100%;height:100%;background-position:center;background-size:cover}.Modal-Component .Modal-Content button{width:1.5rem;height:1.5rem;position:absolute;border:0;background-color:transparent;top:1rem;right:1rem;cursor:pointer}.Modal-Component .Modal-Content button img{filter:drop-shadow(0 0 3px)}@keyframes EntryImage{0%{translate:0 -100vh}to{translate:0}}main{padding:64px 0}main section{font-size:18px;margin:0 10%}main section:not(:last-child){margin-bottom:96px}main section h1,main section h2,main section h3,main section h4,main section h5,main section h6{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;text-align:center;margin-bottom:32px;font-size:32px}main section p.Subtitle{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;text-align:center;font-size:24px;margin-bottom:32px}main section .Carousel-Component{margin-bottom:64px}main section.TechStack-Section .Icon-Item{width:80px;cursor:pointer;transition:.2s}main section.TechStack-Section .Icon-Item:hover{transform:scale(1.2)}@media screen and (max-width: 800px){main section.TechStack-Section .Icon-Item{width:64px}}main section .Another-Technologies{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:32px}main section .Another-Technologies .Subtitle{margin-bottom:16px}main section .Another-Technologies .Flex-Wrap{justify-content:center;-webkit-user-select:none;user-select:none;gap:24px}@media screen and (max-width: 800px){main section .Another-Technologies .Flex-Wrap{gap:16px}}main .Solid-Background{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;background-color:#0000004d;margin-bottom:64px;padding:64px 0}