@font-face{font-family:Centra;src:url(./assets/font/CentraNo2-Bold.ttf);font-weight:700}@font-face{font-family:Centra;src:url(./assets/font/CentraNo2-Medium.ttf);font-weight:500}@font-face{font-family:Centra;src:url(./assets/font/CentraNo2-Book.ttf);font-weight:400}*{margin:0;padding:0;box-sizing:border-box}.App{background:linear-gradient(90.21deg,#4a2fbd -5.91%,#aa367c 111.58%)}html{scroll-behavior:smooth;scroll-padding-top:75px}body{font-weight:400;overflow-x:hidden;position:relative;background-color:#121212!important;color:#fff!important;font-family:Centra,sans-serif!important}h1,h2,h3,h4,h5,h6{margin:0;padding:0;line-height:normal}p,a,li,button,ul{margin:0;padding:0;line-height:normal;text-decoration:none}a:active{color:#fff}a:hover{text-decoration:none}button{border:0;background-color:transparent}input:focus,textarea:focus,select:focus{outline:none}@media (min-width:1700px){main .container{max-width:100%;padding:0 150px}}p.success{color:green}p.danger{color:red}.ignore-css{all:unset}.experience-container{display:flex;flex-wrap:wrap}.item{padding:20px;box-sizing:border-box}@media (max-width: 768px){.item{flex:1 1 100%}}.navbar{padding:15px 5px 0;position:fixed;width:100%;top:0;z-index:9999;transition:.32s ease-in-out;display:flex;justify-content:space-between;align-items:center}.scrolled{padding:10px 5px;background-color:#121212}.logo img{width:auto;height:50px}.nav-link{color:#fff!important;letter-spacing:.8px;padding:0 25px;font-size:18px;opacity:.75}.nav-link:hover,.nav-link.active{opacity:1}.social-icon{display:inline-block;margin-left:14px}.social-icon a{width:42px;height:42px;background:#d9d9d91a;display:inline-flex;border-radius:50%;margin-right:6px;align-items:center;justify-content:center;line-height:1;border:1px solid rgba(255,255,255,.5)}.social-icon a img{width:55%;z-index:1;transition:.3s ease-in-out}.social-icon a:before{content:"";width:42px;height:42px;position:absolute;position:fixed;background-color:#fff;border-radius:50%;transform:scale(0);transition:.3s ease-in-out}.social-icon a:hover:before{transform:scale(1)}.social-icon a:hover img{filter:brightness(0) saturate(100%) invert(0%) sepia(7%) saturate(98%) hue-rotate(346deg) brightness(95%) contrast(86%);cursor:pointer}.social-icon a:hover a{filter:invert(100%);cursor:pointer}@media screen and (max-width: 910px){.navbar-link{display:none}}.experiences-1{background:#151515;border-radius:30px;text-align:left;padding:30px 50px;margin:10px 30px;width:60%;animation:animateIn 1s ease-out forwards}.experiences-2{background:#151515;border-radius:30px;text-align:left;padding:30px 50px;margin:10px 30px;width:73%;animation:animateIn 1s ease-out forwards;animation-delay:.15s}.experiences-3{background:#151515;border-radius:30px;text-align:left;padding:30px 50px;margin:10px 30px;width:86%;animation:animateIn 1s ease-out forwards;animation-delay:.3s}.experiences-4{background:#151515;border-radius:30px;text-align:left;padding:30px 50px;margin:10px 30px;width:100%;animation:animateIn 1s ease-out forwards;animation-delay:.45s}.experiences-1:hover,.experiences-2:hover,.experiences-3:hover,.experiences-4:hover{box-shadow:0 0 30px #fff;transition:box-shadow .5s ease-in-out}.experience-title{margin-left:50px;width:100%}h4{margin-bottom:10px}.experience-company{display:flex;justify-content:space-between}@keyframes animateIn{0%{opacity:0;transform:scale(.6) translateY(-8px)}to{opacity:1}}.experience-scrolled{display:none}h1{margin-top:100px}h2{font-size:30px;font-weight:700}h3{font-size:22px}h4,p{font-size:18px}.experience-desc{max-height:0;opacity:0;transition:max-height .5s ease-out,opacity .4s ease-out;font-size:17px}.experiences-1:hover .experience-desc{max-height:400px;opacity:1;transition:max-height .5s ease-in,opacity .5s ease-in-out}.experiences-2:hover .experience-desc,.experiences-3:hover .experience-desc,.experiences-4:hover .experience-desc{max-height:400px;opacity:1;transition:max-height .5s ease-in,opacity .5s ease-in}.banner{margin-top:0;margin-bottom:100px;padding:260px 0 100px 20px}.resume-link{font-weight:700;color:#fff}.banner h1{font-size:65px;font-weight:700;letter-spacing:.8px;line-height:1;margin-bottom:20px;display:block;padding:0 30px;margin-left:0}.banner p{color:#b8b8b8;font-size:18px;letter-spacing:.8px;line-height:1.5em;width:96%;padding:0 30px}img{width:175px}.skills-container{display:flex;flex-flow:row wrap;justify-content:space-evenly;margin:60px 110px}.skills-title{width:100%;margin:100px 0 20px 50px}.skill{padding:10px 30px;transition:transform .2s}.skill:hover{transform:scale(1.1)}.skills{background-color:#121212}h1{margin:0 50px}.card-container{display:flex;margin:20px 50px;justify-content:space-evenly;flex-wrap:wrap;align-items:flex-start}.card{background-color:#121212;width:20rem;padding:20px;border-radius:20px;margin:5px}h3{padding:.5rem 0}.card-text{text-align:justify}.project-image-1,.project-image-2,.project-image-3{width:100%;display:block;margin:auto;border-radius:5px}.body{max-height:0;opacity:0;transition:max-height .5s ease-out,opacity .4s ease-out;visibility:collapse}.card:hover .body{max-height:400px;opacity:1;transition:max-height .5s ease-in,opacity .5s ease-in-out;visibility:visible}.footer{height:10rem;background:linear-gradient(90.21deg,#4a2fbd -5.91%,#aa367c 111.58%)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}