@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";main{display:flex;flex-direction:column;justify-content:center;align-items:center}.about-me-container{display:flex;align-items:center;flex-direction:column;width:100%;margin:auto}.about-me-container .about-me{display:flex;flex-wrap:wrap;width:100%;max-width:1000px;margin:auto;padding:70px 0}.about-me-container .about-me .about-info{display:flex;flex-direction:column;justify-content:center;max-width:700px}.about-me-container .about-me .about-info .about-title{display:flex;justify-content:center;align-content:center;font-size:2rem;text-align:center;color:#30ceff;margin-bottom:10px}.about-me-container .about-me .about-info .about-title .me-icon{width:50px;height:50px;align-self:center;margin-right:6px}.about-me-container .about-me .about-info .about-title p{margin:0}.about-me-container .about-me .about-info .about-text{font-size:1.1rem;max-width:700px;padding:0 43px;color:#dff4ff}.about-me-container .about-me .about-img-wrapper{max-width:200px;min-height:200px;margin:auto;border-radius:10px}.about-me-container .about-me .about-img-wrapper img{width:100%;height:100%;object-fit:contain}@media screen and (max-width: 470px){.about-me-container .about-me .about-info .about-title{align-items:center;font-size:1.5rem}.about-me-container .about-me .about-info .about-text{font-size:1rem}}.main-section{display:flex;justify-content:center;align-items:center;color:#fff;height:100vh;width:100%;background-image:linear-gradient(#04040400,#121212),url(/assets/Sprinkle-Cl3gmrTO.svg)}.main-section .main-info{display:flex;flex-direction:column;align-items:center}.main-section .main-info .img-wrapper{max-width:200px;max-height:200px;margin:2rem}.main-section .main-info .img-wrapper img{border-radius:50%;height:100%;width:100%;object-fit:contain;box-shadow:0 0 20px #30ceff;transition:box-shadow 1s ease}.main-section .main-info .img-wrapper img:hover{box-shadow:0 0 30px #30ceff}.main-section .main-info .text-container{margin:auto;text-align:center}.main-section .main-info .text-container .main-text{margin:0}.main-section .main-info .text-container .main-text span{display:inline-block;animation-name:wave-animation;animation-fill-mode:forwards;animation-duration:2s;animation-iteration-count:2}.main-section .main-info .text-container b{color:#30ceff}.main-section .main-info .text-container small{color:#0076a7}.main-section .main-info .text-container p{font-style:italic;font-weight:200}.main-section .main-info .links{display:flex;gap:6px;padding:0;margin-top:6px;margin-bottom:20px}.main-section .main-info .links li{list-style:none;transition:ease-out .4s}.main-section .main-info .links li:hover{transform:scale(1.2);margin:0 15px}.main-section .main-info .links li a{display:flex;flex-direction:column;width:100px;align-items:center;position:relative;padding:10px;background:none;transition:ease-out .4s;text-decoration:none;color:#fff;border:1px solid #30ceff;gap:3px}.main-section .main-info .links li a .jam{height:24px;width:24px;transition:ease-out .4s}.main-section .main-info .links li a:before{content:"";position:absolute;top:0;left:50%;width:0;height:100%;background-color:#0076a7;transition:width .4s ease-out,left .4s ease-out;z-index:-1}.main-section .main-info .links li a:hover:before{left:0;width:100%;box-shadow:0 0 10px 5px #30ceff}.main-section .main-info .links li a:hover{color:#000}.main-section .main-info .links li a:hover .jam{fill:#000}.main-section .main-info .email{display:flex;text-align:center;align-items:center;position:relative;cursor:pointer;padding:8px;background:#07334a;border-radius:5px;gap:6px;transition:.5s all ease-in-out 0s}.main-section .main-info .email .copy{width:20px;height:20px}.main-section .main-info .email:hover{box-shadow:0 3px 0 1px #30ceff;transform:translateY(-10%)}.done{width:24px;height:24px}.copy-alert{position:fixed;display:flex;align-items:center;gap:6px;width:200px;bottom:20px;right:20px;background-color:#000;color:#fff;padding:10px;border-radius:5px;animation:slideInFadeIn .5s ease-in forwards,slideOutFadeOut .5s 4s ease-out forwards}@media screen and (max-width: 470px){.main-section .main-info .text-container{width:240px}.main-section .main-info .text-container small{font-size:11px}.main-section .main-info .links li a{width:fit-content;font-size:10px}.main-section .main-info .email{font-size:10px}}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes slideInFadeIn{0%{bottom:-50px;opacity:0}50%{opacity:.3}to{bottom:20px;opacity:1}}@keyframes slideOutFadeOut{0%{bottom:20px;opacity:1}20%{opacity:.2}to{bottom:-50px;opacity:0}}.navbar{position:sticky;top:0;width:100dvw;height:2.2rem;z-index:100;transition:.5s all ease;background:#000;background:linear-gradient(180deg,#000000bf,#fff0)}.navbar.fixed{background:#000}.navbar .header-links-container{height:100%}.navbar .header-links-container .header-links{display:flex;justify-content:center;gap:16px;font-size:18px;width:100%;height:100%;padding:0;margin:0}.navbar .header-links-container .header-links .nav-link{list-style:none;cursor:pointer}.navbar .header-links-container .header-links .nav-link a{color:#fff;text-decoration:none}.navbar .header-links-container .header-links .nav-link.hide{display:none}.navbar .header-links-container .header-links .nav-link.menu{position:absolute;margin-right:20px}.navbar .header-links-container .header-links.menu{justify-content:end}.project-section{display:flex;align-items:center;flex-direction:column;width:100%;margin:auto}.project-section .projects-container{display:flex;flex-direction:column;flex-wrap:wrap;width:100%;margin:auto;padding:70px 0}.project-section .projects-container .section-title{font-size:2rem;text-align:center;color:#30ceff;margin-bottom:10px}.project-section .projects-container .section-title span{display:inline-block;width:fit-content}.project-section .projects-container .projects{margin:15px auto}.project-section .projects-container .projects .project-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}.project-section .projects-container .projects .project-list .project-item{position:relative;display:flex;flex-direction:column;align-items:center;background:#14253d;border-radius:15px;padding:10px;width:400px;height:550px;transition:1s all ease;border:2px solid black;color:#fff}.project-section .projects-container .projects .project-list .project-item .project-img{max-height:200px;width:100%;height:100%;background-size:cover;background-image:url(https://store-images.s-microsoft.com/image/apps.1955.14321970625114405.1d07d0b2-cd93-4202-aa4c-3a3b8640c4e3.3585937a-a7b5-45f4-902c-6026a8beca90?q=90&w=480&h=270);transition:filter 1s ease}.project-section .projects-container .projects .project-list .project-item .project-img img{width:100%;height:100%}.project-section .projects-container .projects .project-list .project-item .project-title{position:absolute;color:#000;bottom:63%;font-size:2rem;text-align:center;width:100%;background:linear-gradient(to right,#212020cc 50%,#fffc 50%);background-size:200% 100%;background-position:right bottom;transition:background-position .5s,color .5s}.project-section .projects-container .projects .project-list .project-item .project-desc{display:flex;align-items:center;min-height:150px;max-height:150px;font-size:1rem;overflow:auto;padding:0 15px;text-wrap:balance}.project-section .projects-container .projects .project-list .project-item .icons-wrapper{width:100%;max-height:80px;height:100%}.project-section .projects-container .projects .project-list .project-item .icons-wrapper .icons{display:flex;justify-content:center;flex-wrap:wrap;list-style:none;padding-left:6px}.project-section .projects-container .projects .project-list .project-item .icons-wrapper .icons .logo{margin:0 3px;height:30px;width:30px;padding:2px 20px;background:#02648a;border-radius:20px;border:1px solid rgba(4,216,247,.6)}.project-section .projects-container .projects .project-list .project-item .links-wrapper{width:100%;max-height:80px;height:100%}.project-section .projects-container .projects .project-list .project-item .links-wrapper .project-links{display:flex;flex-wrap:wrap;list-style:none;padding-left:6px;margin:0}.project-section .projects-container .projects .project-list .project-item .links-wrapper .project-links .platf-link{margin:0 auto}.project-section .projects-container .projects .project-list .project-item .links-wrapper .project-links .platf-link a{display:flex;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:#fff;background:linear-gradient(45deg,#2b2727 -49%,#000);border-radius:5px;padding:20px 0;border:1px solid black;transition:.5s box-shadow ease;min-width:150px;font-size:1rem}.project-section .projects-container .projects .project-list .project-item .links-wrapper .project-links .platf-link a:hover{box-shadow:0 0 8px #878181}.project-section .projects-container .projects .project-list .project-item:hover{transform:scale(1.1);margin-left:12px;margin-right:12px;z-index:2;box-shadow:0 0 11px 3px #30ceffbf}.project-section .projects-container .projects .project-list .project-item:hover .project-title{color:#fff;background-position:left bottom}.project-section .projects-container .projects .project-list .project-item:hover .project-img{background-size:cover;background-image:url(https://cdn.atomix.vg/wp-content/uploads/2024/01/tumblr_4a30c4705af918e4600902ba3cbc8455_c71aef2a_540.gif)}@media screen and (max-width: 470px){.project-section .projects-container .projects .project-list .project-item{width:230px;height:500px}.project-section .projects-container .projects .project-list .project-item .project-title{bottom:65%}.project-section .projects-container .projects .project-list .project-item .project-desc{align-items:normal}.project-section .projects-container .projects .project-list .project-item .icons-wrapper .icons{flex-wrap:unset}.project-section .projects-container .projects .project-list .project-item .links-wrapper .project-links .platf-link a{min-width:100px}}.skill-section{display:flex;flex-direction:column;flex-wrap:wrap;width:100%;margin:auto;padding:70px 0}.skill-section .skill-title{font-size:2rem;text-align:center;color:#30ceff;margin-bottom:10px}.skill-section .skill-title span{display:inline-block;width:fit-content}.skill-section .skills-logos .skills{display:flex;flex-wrap:wrap;list-style:none;justify-content:center;gap:6px}.skill-section .skills-logos .skills li{width:5rem;height:5rem}@media screen and (max-width: 625px){.skill-section .skills-logos .skills{padding:0}.skill-section .skills-logos .skills li{width:4rem;height:4rem}}body{height:100vh;width:100vw;overflow-x:hidden;margin:0;background-color:#171618}:root{font-family:Roboto Mono,sans-serif}html{scroll-behavior:smooth}