@import"https://fonts.googleapis.com/css2?family=Poppins:ital@0;1&display=swap";::-webkit-scrollbar{display:none}html{scroll-behavior:smooth}canvas{position:fixed;top:0;left:0;z-index:1}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;z-index:80}body{background:#000000;color:#fff}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000;display:flex;justify-content:center;align-items:center;z-index:999}.loader{border:4px solid #1f242d;border-top:4px solid #3de70f;border-radius:50%;width:40px;height:40px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn{display:inline-block;padding:12px 20px;background:#3de70f;border-radius:40px;box-shadow:0 0 10px #3de70f;font-size:16px;color:#000;letter-spacing:1px;text-decoration:none;font-weight:600;transition:.5s ease;animation:slideBottom 2s ease forwards;animation-delay:.5s}.btn:hover{background:transparent;color:#3de70f}.header{position:fixed;top:0;left:0;width:100%;padding:20px 0 20px 10%;background:transparent;display:flex;justify-content:space-between;align-items:center;z-index:100;background-color:#000}.logo{font-size:25px;color:#fff;text-decoration:none;font-weight:560;cursor:default;opacity:0;animation:slideRight 2s ease forwards}.switch{min-width:60px;position:relative;display:inline-block;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#1f242d;-webkit-transition:.4s;transition:.4s}.slider:before{font-size:100%;text-align:center;display:flex;align-items:center;justify-content:center;position:absolute;content:"ENG";height:26px;width:26px;left:4px;bottom:4px;background-color:#000;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#3de70f}input:focus+.slider{box-shadow:0 0 1px #3de70f}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px);content:"ESP";color:#fff}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.checkbtn{width:35px;display:none;font-size:40px;color:#fff}#check{display:none}.navbar{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;position:relative;width:70%;left:0}.navbar a{font-size:18px;color:#fff;text-decoration:none;background-color:transparent;outline:0;border:0;font-weight:500;margin-left:35px;opacity:0;animation:slideRight .5s ease forwards;animation-delay:calc(.2s * var(--i))}.navbar a:hover,.navbar a.active{color:#3de70f}#home{position:relative;width:100%;min-height:100vh;display:flex;justify-content:center;flex-direction:row-reverse;align-items:center;flex-wrap:wrap;padding:100px 10% 0}.home-content{max-width:600px}.home-content h3{font-size:32px;font-weight:700;opacity:0;animation:slideBottom 2s ease forwards;animation-delay:.7s}.home-content h3:nth-of-type(2){margin-bottom:30px}.home-content h2{font-size:32px;font-weight:700}.container-typed{display:flex;opacity:0;animation:slideBottom 2s ease forwards;animation-delay:.7s}.multiple-text,.texto-multiple{color:#3de70f;align-self:center;margin-left:10px;font-size:32px;font-weight:700}.home-content h1{font-size:56px;font-weight:700;margin:-3px 0}.home-content p{font-size:16px;animation:slideLeft 2s ease forwards;animation-delay:.5s}.home-img{width:345px}.home-img img{max-width:100%;margin-right:-500px;animation:slideBottom 3s ease forwards,floatImage 4s ease-in-out infinite;animation-delay:.5s,.5s}#about{position:relative;display:flex;justify-content:end;flex-direction:column;margin:0 auto;margin-top:14rem;margin-bottom:14rem;padding-top:100px;width:45%;font-size:20px;z-index:81}#skills{position:relative;display:flex;justify-content:end;flex-direction:column;margin:0 auto;margin-top:14rem;margin-bottom:14rem;width:45%;padding-top:150px;font-size:20px;z-index:81}.social-media a{display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;background:transparent;border:2px solid #3de70f;border-radius:50%;font-size:20px;color:#3de70f;text-decoration:none;margin:15px 7.5px 15px 0;transition:.5s ease;animation:slideLeft 2s ease forwards;animation-delay:.5s}.social-media a:hover{background:#3de70f;color:#1f242d;box-shadow:0 0 20px #3de70f}.container{display:flex;justify-content:end;padding-top:200px}.card{overflow:hidden;border-radius:20px;margin-left:10px;margin-bottom:10px;height:200px;background-color:#fff;background-size:cover;flex:1;transition:.3s all ease}.card a{width:100%;height:100%;background-color:#1f242d88;color:inherit;text-decoration:none;display:flex;justify-content:center;align-items:center;transition:.3s all ease}.card h1{transition:.3s all ease}.card a:hover{background-color:initial}.card a:hover>h1{opacity:0}.card:hover{flex:2;background-color:#cfcfcf}.github-btn{margin-top:20px;position:relative;display:flex;justify-content:center}#contact{margin-top:200px;margin-bottom:200px;display:flex;text-align:center}#contact div{margin:0 auto}#contact div a{width:120px;height:120px;font-size:50px;border:7px solid #3de70f}@media (max-width: 840px){.navbar{display:flex;flex-direction:column;align-items:center;justify-content:space-around;position:fixed;left:200%;top:70px;width:160px;height:40%;transition:.5s ease-in-out}.navbar a{margin:0}.checkbtn{display:flex;position:absolute;right:60px}}@media (max-width: 375px){#about,#skills{font-size:12px}.home-content h3,.home-content h2,.multiple-text,.texto-multiple{font-size:18px}.home-content p{font-size:13px}}@keyframes slideRight{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideLeft{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideBottom{0%{transform:translateY(-500px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes floatImage{0%{transform:translateY(0)}50%{transform:translateY(-24px)}to{transform:translateY(0)}}