@import"https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css";*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{background-color:#081b29;font-family:poppins,sans-serif;color:#ededed;overflow-x:hidden}header{position:fixed;top:0;left:0;width:100%;height:70px;background:#051129;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between;padding:.15rem 10%;z-index:2000;box-shadow:0 2px 10px #0003}.logo{height:4rem;width:4rem;margin:0;padding:0;border-radius:170px;box-shadow:0 0 20px #0ef;position:relative;opacity:0;animation:slideRight 1s ease forwards}.menu-btn{display:none;font-size:28px;background:none;border:none;color:#fff;cursor:pointer;transition:transform .2s;position:relative;opacity:0;animation:slideLeft 1s ease forwards}.menu-btn:hover{transform:scale(1.1)}header nav{position:static;right:0;width:auto;height:auto;flex-direction:row;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;padding-top:0;display:flex}.close-btn{display:none}header nav a{display:inline-block;font-size:25px;color:#fff;text-decoration:none;font-weight:500;margin-left:35px;letter-spacing:.5px;transform:.3s;transition:.5s ease;opacity:0;animation:slideTop .5s ease forwards;animation-delay:calc(.2s * var(--i))}header nav a:hover{color:#0ef}.overlay{display:none}.home{position:relative;width:100%;justify-content:space-between;height:100vh;display:flex;align-items:center;padding:70px 10% 0}.home-content{max-width:600px}.home-content h3{font-size:32px;font-weight:700;opacity:0;animation:slideBottom 1s ease forwards;animation-delay:.7s}.home-content h3:nth-of-type(2){margin-bottom:30px;animation:slideTop 1s ease forwards;animation-delay:.7s}.home-content h3 span{color:#0ef}.home-content h1{font-size:56px;font-weight:700px;margin:-3px 0;opacity:0;animation:slideRight 1s ease forwards;animation-delay:1s}.home-content p{font-size:20px;opacity:0;animation:slideRight 1s ease forwards;animation-delay:1s}.home-sci a{display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;background:transparent;border:2px solid #0ef;border-radius:50%;font-size:20px;color:#0ef;text-decoration:none;transition:.5s ease;opacity:0;animation:slideLeft 1s ease forwards;animation-delay:calc(.2s * var(--i));margin:30px 15px 30px 0}.home-sci a:hover{background:#0ef;color:#081b29;box-shadow:0 0 20px #0ef}.btn-box{display:inline-block;padding:12px 28px;background:#0ef;border-radius:40px;font-size:16px;color:#081b29;letter-spacing:1px;text-decoration:none;font-weight:600;opacity:0;transition:.5s ease;animation:slideTop 1s ease forwards;animation-delay:2s;box-shadow:0 0 5px #0ef,0 0 25px #0ef}.btn-box:hover{box-shadow:0 0 5px #0ff,0 0 25px #0ff,0 0 50px #0ff,0 0 100px #0ff,0 0 200px #0ff}.home-content img{height:30rem;width:30rem;border-radius:50%;box-shadow:0 0 20px #0ef;opacity:0;animation:slideLeft 1s ease forwards;animation-delay:.7s;transition:1s ease}.about{width:100%;min-height:100vh;max-height:auto;padding:70px 10% 0}.about-container{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;position:relative;margin-top:5rem}.about-picture img{height:25rem;width:25rem;border-radius:50%;box-shadow:0 0 20px #0ef}.about-content{max-width:600px}.about-content h1{font-size:56px;font-weight:700px;margin:-3px 0;padding-bottom:15px}.about-content h5{font-size:32px;font-weight:700;padding-bottom:10px}.about-content p{font-size:20px}.about-content .btn-box{margin-top:40px}.skills{width:100%;min-height:100vh;max-height:auto;padding:70px 10% 0}.section-title h2{padding-top:.8rem;text-align:center;font-size:45px}.section-title h2 span{color:#0ef}.footer{width:100%;height:4rem;background-color:#000;display:flex;align-items:center;justify-content:center}.footer p{text-align:center;font-size:14px;color:gray}@media(max-width:992px){header{padding:.15rem 5%}.home{padding:70px 5% 0}}@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 slideTop{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideBottom{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:767px){.menu-btn{display:block}header{padding:.15rem 5%}.logo{height:3rem;width:3rem}header nav{position:fixed;top:0;right:-400px;width:50%;height:100%;background:#1e1e1e80;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:-1px solid rgba(255,255,255,.1);box-shadow:-6px 0 20px #0000004d;flex-direction:column;padding-top:70px;transition:right .5s ease;z-index:1500}header nav.active{right:0}.close-btn{display:block;position:absolute;top:18px;right:20px;font-size:26px;color:#fff;cursor:pointer;background:none;border:none;transition:transform .2s ease}.close-btn:hover{transform:rotate(90deg)}header nav a{padding:15px 35%;margin:0;width:100%;display:block;font-size:1.1rem;letter-spacing:.5px;background:#1e1e1e80}.overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .3s ease;z-index:1000}.overlay.active{opacity:1;visibility:visible}.home{padding:70px 5%;display:flex;flex-direction:column-reverse;justify-content:space-evenly}.home-content h3{font-size:1.35rem;font-weight:700}.home-content h3:nth-of-type(2){margin-bottom:15px}.home-content h1{font-size:2.35rem;font-weight:700;margin:-3px 0}.home-content p{font-size:1.1rem}.home-content img{height:13rem;width:13rem}.about{padding:70px 5% 0}.about-container{display:flex;align-items:center;justify-content:space-between;flex-direction:column;position:relative;margin-top:3rem}.about-picture img{height:13rem;width:13rem}.about-content{width:100%}.about-content h1{font-size:2.35rem;font-weight:700px;margin:-3px 0;padding:20px 0 10px}.about-content h5{font-size:1.35rem;font-weight:700;padding-bottom:8px}.about-content p{font-size:1.1rem}.about-content .btn-box{margin-top:35px}.skills{padding:70px 5% 0}.section-title h2{padding-top:.4rem;font-size:25px}.section-title h2 span{color:#0ef}}