body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Roboto;src:local("Roboto"),url(/static/media/Roboto-Regular.fc2b5060f7accec5cf74.ttf) format("truetype")}#home{align-items:center;display:flex;flex-direction:column;width:100%}*{scroll-behavior:smooth}body{background-color:#0f1724;color:#fff;font-family:roboto;letter-spacing:.5px;transition:none}#root{overflow-x:hidden;transition:.2s}.bg-secondary{background:#001b52;background:radial-gradient(circle,#001b52 0,#0f1724 100%);display:flex;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#001b52",endColorstr="#0f1724",GradientType=1);justify-content:center;position:relative;width:100%}.section.center{align-items:center;display:flex;flex-direction:column}.section{padding:60px 0}.bold{font-weight:700}.font-xl{font-size:3em}.font-lg{font-size:2.2em}.text-secondary{color:#14c99c}.app{display:flex;justify-content:center}.fixed{position:fixed}.w-100{width:100%}.section-title{align-items:center;display:flex;font-size:2em;justify-content:center;padding:60px 0;width:100%}.ov-hidden{overflow:hidden}.container{max-width:min(90%,1300px);width:100%}@media screen and (max-width:768px){.container{max-width:none;width:calc(100vw - 60px)}.hide-mobile{display:none}.section-title{font-size:1.6em}}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.banner{align-items:center;-webkit-animation:banner 1s forwards;animation:banner 1s forwards;display:flex;flex:1 1;opacity:0;-webkit-transform:translate(-500px);transform:translate(-500px);z-index:1}.banner>div{max-width:100%}.banner .info,.banner>div{display:flex;flex-direction:column;gap:10px}.banner .info>div{display:flex!important;flex-wrap:wrap}.banner .title{font-size:2em}.banner .title-text{color:#5c647b;font-size:1.2em}.banner .info a{border:1px solid #614991;border-radius:20px;color:#fff;overflow:hidden;padding:10px 15px;position:relative;text-decoration:none;transition:.3s;width:-webkit-max-content;width:max-content}.banner .info a:after{background-color:#614991;content:"";height:100%;left:-10px;position:absolute;top:0;-webkit-transform:skew(-45deg);transform:skew(-45deg);transition:.3s;width:0;z-index:-1}.banner .info a:hover:after{width:calc(100% + 20px)}@-webkit-keyframes banner{0%{opacity:0;-webkit-transform:translate(-500px);transform:translate(-500px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes banner{0%{opacity:0;-webkit-transform:translate(-500px);transform:translate(-500px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}.header{display:flex;flex-direction:column;height:calc(100vh - 60px);justify-content:space-between;padding-block:30px}.header>.header-bg{align-items:center;-webkit-animation:gradient 1s forwards;animation:gradient 1s forwards;background:#001b52;background:radial-gradient(circle,#001b52 10%,#0f1724 100%);background:-webkit-radial-gradient(circle,#001b52 10%,#0f1724 100%);display:flex;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#001C52",endColorstr="#0F1724",GradientType=1);left:0;opacity:0;overflow:hidden;position:absolute;top:0;z-index:-1}.header>.header-bg,.header>.header-bg>.background{height:100vh;object-fit:cover;width:100%}.header>.header-bg>.laptop-img{-webkit-animation:laptop 1s forwards;animation:laptop 1s forwards;position:absolute;right:0;-webkit-transform:translate(500px);transform:translate(500px);width:min(950px,55%)}@-webkit-keyframes laptop{0%{-webkit-transform:translate(500px);transform:translate(500px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes laptop{0%{-webkit-transform:translate(500px);transform:translate(500px)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes gradient{0%{opacity:0}to{opacity:1}}@keyframes gradient{0%{opacity:0}to{opacity:1}}#about_me{background-position:50%;background-size:cover;display:flex;justify-content:center;position:relative}#about_me .container{z-index:2}#about_me .info{align-items:center;display:flex;flex-direction:column}#about_me .info img{aspect-ratio:1;border-radius:50%;box-shadow:0 0 15px 5px #712582;height:auto;margin-bottom:30px;object-fit:cover;width:min(200px,50%)}#about_me .presentation-text{display:flex;flex-direction:column;font-size:1.2em;gap:15px;padding:30px;text-align:center;width:min(80%,600px)}#about_me .rocket{-webkit-animation:rocket 5s infinite alternate;animation:rocket 5s infinite alternate;bottom:0;right:0}#about_me .astronaut,#about_me .rocket{position:absolute;width:min(20%,600px);z-index:0}#about_me .astronaut{-webkit-animation:astronaut 2s infinite alternate;animation:astronaut 2s infinite alternate;left:0;top:80px}@-webkit-keyframes astronaut{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes astronaut{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateY(20px);transform:translateY(20px)}}@-webkit-keyframes rocket{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes rocket{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateY(20px);transform:translateY(20px)}}@media only screen and (max-width:768px){#about_me .presentation-text{font-size:1em;text-align:center}}.logo{color:#fff;cursor:pointer;font-size:1.6em;text-decoration:none;-webkit-user-select:none;user-select:none;white-space:nowrap}@media only screen and (max-width:768px){.logo{font-size:1.4em}}.menuWrapper .burgerIcon,.mobile-contact{display:none}.menuWrapper .menu>.menu-items{display:flex;font-size:1.3em;gap:30px;z-index:10}.menuWrapper .menu>.menu-items>a{color:#fff;margin-bottom:-10px;padding-bottom:10px;position:relative;text-decoration:none;transition:.2s}.menuWrapper .menu>.menu-items>a>span{color:#14c99c}.menuWrapper .menu>.menu-items>a:after{background-color:#14c99c;content:"";display:flex;height:2px;position:absolute;top:100%;transition:.3s;width:0}.menuWrapper .menu>.menu-items>a:hover{color:#14c99c}.menuWrapper .menu>.menu-items>a:hover>span{color:#fff}.menuWrapper .menu>.menu-items>a:hover:after{width:100%}#menu_mobile{display:none}@media only screen and (max-width:768px){.menuWrapper .menu{background-color:#0d1117;box-shadow:5px 0 10px #00000030;display:flex;flex-direction:column;height:calc(100vh - 40px);justify-content:space-between;left:0;overflow:hidden;padding:30px;position:fixed;top:0;-webkit-transform:translate(calc(-100% - 10px));transform:translate(calc(-100% - 10px));transition:.5s ease;width:min(200px,calc(100vw - 102px))}.menuWrapper .menu>.menu-items{flex-direction:column;font-size:1em}.menuWrapper .burgerIcon{align-items:center;border:2px solid #14c99c;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;gap:20%;height:36px;justify-content:center;overflow:hidden;width:36px}.menuWrapper .burgerIcon:hover{background-color:#14c99c10}.menuWrapper .burgerIcon>span{background-color:#fff;height:2px;transition:.3s;width:70%}#menu_mobile:checked+div .menu{-webkit-transform:translate(0);transform:translate(0)}#menu_mobile:checked+div .burgerIcon>span:first-child{background-color:#14c99c;-webkit-transform:translateY(9px) rotate(45deg);transform:translateY(9px) rotate(45deg)}#menu_mobile:checked+div .burgerIcon>span:nth-child(2){background-color:#14c99c;-webkit-transform:translate(0) rotate(-45deg);transform:translate(0) rotate(-45deg)}#menu_mobile:checked+div .burgerIcon>span:nth-child(3){opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}.menu-backdrop{height:100vh;left:0;position:fixed;top:0;visibility:hidden;width:100vw}#menu_mobile:checked+div .menu-backdrop{background-color:#00000060;visibility:visible;z-index:-1}.mobile-contact{align-items:center;display:flex;font-size:1.4em;gap:15px;justify-content:center;margin-bottom:30px}.mobile-contact a{color:#fff;text-decoration:none;transition:.2s}.mobile-contact a:hover{color:#14c99c}}nav{background-color:initial;box-shadow:0 0 10px transparent;display:flex;justify-content:center;padding:30px 0;position:fixed;transition:.2s;width:100%;z-index:10}.navbar-bg{background-color:#0f1724;box-shadow:0 0 10px #0f1724;padding:20px 0}.navbar{align-items:center;-webkit-animation:navbar 1.5s forwards;animation:navbar 1.5s forwards;display:flex;gap:30px;justify-content:space-between;margin:auto;opacity:0;position:relative;width:100%}@media only screen and (max-width:768px){nav{-webkit-animation:none;animation:none;opacity:1;padding:15px 0}}@-webkit-keyframes navbar{0%{opacity:0;top:20px}to{opacity:1;top:0}}@keyframes navbar{0%{opacity:0;top:20px}to{opacity:1;top:0}}.timeline-item{align-items:flex-start;z-index:1}.timeline-company,.timeline-item{display:flex;gap:30px}.timeline-item img{border:2px solid #000;border-radius:50%;box-shadow:0 0 15px 5px #712582;height:60px;object-fit:cover;width:60px}.timeline-info{display:flex;flex-direction:column;gap:15px}.timeline-info>div>div{display:flex;flex-direction:column;gap:5px}.timeline-role{font-size:1.4em;padding-right:30px}.timeline-date{color:#5c647b;font-size:.7em}.timeline-text{white-space:pre-line}.timeline-techs{align-items:flex-start;display:flex;font-size:.8em;gap:5px;margin-top:15px}.timeline-techs span:first-child{white-space:nowrap;width:-webkit-max-content;width:max-content}@media only screen and (max-width:768px){.timeline-company{gap:0}.timeline-company .timeline-icon{order:1}.timeline-company .timeline-date{order:2}.timeline-techs{flex-direction:column;font-size:.6em}.timeline-role{font-size:1.2em}.timeline-text{font-size:.8em}}.timeline{display:flex;flex-direction:column;gap:60px;position:relative}.timeline:after{background:#14c99c;background:linear-gradient(180deg,#14c99c,#0f1724);border-radius:10px;content:"";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#14c99c",endColorstr="#712582",GradientType=1);height:100%;left:32px;position:absolute;top:15px;width:2px;z-index:0}.card{align-items:center;border-radius:4px;border-radius:4px 4px 4px 4px;display:flex;flex-direction:column;justify-content:center;min-width:min(100%,300px);overflow:hidden;position:relative;transition:.3s;width:min(calc(50% - 30px),600px)}.card-img{background-color:#131313;border-bottom:3px solid #14c99c;border-radius:4px 4px 0 0;overflow:hidden;width:100%}.card-img img{aspect-ratio:21/9;object-fit:cover;opacity:.3;transition:.2s;width:100%}.card-title{font-size:1.2em}.card-footer,.card-title{position:absolute;transition:.3s}.card-footer{align-items:center;background-color:#3e2d4c;border-radius:0 0 20px 20px;box-sizing:border-box;display:flex;height:0;justify-content:space-between;left:0;overflow:hidden;padding:0 15px;top:100%;width:100%}.card-footer>a,.card-footer>span{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}.card-footer a{align-items:center;border:1px solid #14c99c;border-radius:20px;color:#fff;cursor:pointer;display:flex;gap:5px;justify-content:space-between;padding:5px 15px;text-decoration:none;transition:.2s}.card-footer a>span{position:relative;top:1px}.card-footer a:hover{background-color:#14c99c;color:#fff}.card:hover{-webkit-filter:drop-shadow(0 0 10px #712582);filter:drop-shadow(0 0 10px #712582);overflow:visible;-webkit-transform:scale(1.2);transform:scale(1.2);z-index:2}.card:hover .card-img img{opacity:1}.card:hover .card-title{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}.card:hover .card-footer{height:35px;padding:10px 15px}.card:hover .card-footer *{opacity:1}@media only screen and (max-width:768px){.card:hover{-webkit-transform:scale(1.1);transform:scale(1.1);z-index:2}}#projects{background-position:50%;background-size:cover;position:relative}#projects .container{z-index:2}.card-group{align-items:flex-start;display:flex;flex-wrap:wrap;gap:30px;justify-content:center}#projects .blackhole{-webkit-animation:blackhole 120s infinite alternate;animation:blackhole 120s infinite alternate;left:10px;top:80px}#projects .blackhole,#projects .planet{position:absolute;width:min(20%,250px);z-index:0}#projects .planet{-webkit-animation:planet 2s infinite alternate;animation:planet 2s infinite alternate;bottom:-40px;right:10px}@media only screen and (max-width:768px){.card-group{align-items:center;flex-direction:column}}@-webkit-keyframes planet{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes planet{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateY(20px);transform:translateY(20px)}}@-webkit-keyframes blackhole{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes blackhole{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#footer{align-items:center;display:flex;flex-direction:column}#footer .subtitle{color:#5c647b;font-size:1.1em;margin-bottom:60px;margin-top:-50px;text-align:center}#footer .contact{display:flex;gap:30px;justify-content:center;margin-top:10px;padding-bottom:80px;width:100%}#footer .contact>div>div{align-items:center;display:flex;flex-direction:column;gap:10px}#footer .contact>div>div .contact-icon{font-size:2em}#footer .contact>div>div a{color:#fff;font-size:1.1em;text-decoration:none;transition:.2s}#footer .contact>div>div a:hover{color:#14c99c}footer{background:#0c121c;font-size:.8em;padding:15px;text-align:center;width:100%}@media only screen and (max-width:768px){#footer .contact{flex-direction:column;padding-bottom:0}}
/*# sourceMappingURL=main.b647b30a.css.map*/