@import"https://rsms.me/inter/inter.css";*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;margin:0;padding:0;overscroll-behavior-y:none;height:100dvh}body{font-family:Inter;background:#fdfdfd}canvas{width:100%}a{pointer-events:all;color:#000;text-decoration:none}svg{fill:#000}p{padding:5px 0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}canvas{opacity:0;touch-action:none;animation:fade-in 5s ease 1s forwards;height:100%;position:fixed;inset:0;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y!important}.billboard{width:300px;height:500px;border-radius:4px;background:salmon;transition:.3s all ease-in-out}.wrapperHtml{opacity:0;visibility:hidden;transition:opacity .2s ease-in-out}.innerHtml{width:280px;height:420px;margin-top:100px;transition:.3s all ease-in-out;border-radius:4px;padding:26px;color:#fff;box-shadow:2px 2px 4px #808080ba}.visible{opacity:1;animation:backInUp .7s ease-in;visibility:visible}.in{transition:.3s all ease-in-out;animation:fade-in 1.5s}.contact{display:flex;flex-direction:column;justify-content:space-around;height:100%}@keyframes fade-in{0%{opacity:0}to{opacity:100}}@keyframes backInUp{0%{transform:translateY(1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.backInUp{animation-name:backInUp}h3{text-align:center;margin-top:0;margin-bottom:10px}.link{display:flex;align-items:center;color:#fff;text-decoration:none;margin-bottom:30px}.link svg{margin-right:30px;transition:all .3s}.link:hover svg{transform:scale(1.2)}.expirience p,.projects p{font-size:14px}.projects{color:#000}.projects h3{margin-top:-6px;margin-bottom:6px}.projects a{margin-bottom:0;color:#000}.projects p span{display:block;color:teal;font-size:12px;padding-top:6px}.projects svg{width:20px;height:20px;margin-right:10px;flex-shrink:0}.contact .link svg{width:24px;height:24px}.contact .link:hover svg{animation:shake 1s ease-in-out infinite forwards}@keyframes shake{0%,to{transform:rotate(20deg)}50%{transform:rotate(-20deg)}}.skills p{display:flex;align-items:center;padding:5px 0;font-size:14px}.skills svg{fill:#fff;margin-right:10px}.preloader{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1111;background-color:#fff;text-align:center;font-size:30px;padding:20%;transition:1s all;opacity:1;visibility:visible}.done{opacity:0;visibility:hidden}div.spinner{animation:rotate 10s infinite linear;position:relative;display:block;margin:auto;width:142px;height:142px;top:30%}div.spinner i{animation:rotate 3s infinite cubic-bezier(.09,.6,.8,.03);transform-origin:50% 100% 0;position:absolute;display:inline-block;top:50%;left:50%;border:solid 6px transparent;border-bottom:none;box-sizing:border-box}div.spinner i:first-child{animation-timing-function:cubic-bezier(.09,.3,.12,.03);width:44px;height:22px;margin-top:-22px;margin-left:-22px;border-color:#2172b8;border-top-left-radius:36px;border-top-right-radius:36px}div.spinner i:nth-child(2){animation-timing-function:cubic-bezier(.09,.6,.24,.03);width:58px;height:29px;margin-top:-29px;margin-left:-29px;border-color:#18a39b;border-top-left-radius:42px;border-top-right-radius:42px}div.spinner i:nth-child(3){animation-timing-function:cubic-bezier(.09,.9,.36,.03);width:72px;height:36px;margin-top:-36px;margin-left:-36px;border-color:#82c545;border-top-left-radius:48px;border-top-right-radius:48px}div.spinner i:nth-child(4){animation-timing-function:cubic-bezier(.09,1.2,.48,.03);width:86px;height:43px;margin-top:-43px;margin-left:-43px;border-color:#f8b739;border-top-left-radius:54px;border-top-right-radius:54px}div.spinner i:nth-child(5){animation-timing-function:cubic-bezier(.09,1.5,.6,.03);width:100px;height:50px;margin-top:-50px;margin-left:-50px;border-color:#f06045;border-top-left-radius:60px;border-top-right-radius:60px}div.spinner i:nth-child(6){animation-timing-function:cubic-bezier(.09,1.8,.72,.03);width:114px;height:57px;margin-top:-57px;margin-left:-57px;border-color:#ed2861;border-top-left-radius:66px;border-top-right-radius:66px}div.spinner i:nth-child(7){animation-timing-function:cubic-bezier(.09,2.1,.84,.03);width:128px;height:64px;margin-top:-64px;margin-left:-64px;border-color:#c12680;border-top-left-radius:72px;border-top-right-radius:72px}div.spinner i:nth-child(8){animation-timing-function:cubic-bezier(.09,2.4,.96,.03);width:142px;height:71px;margin-top:-71px;margin-left:-71px;border-color:#5d3191;border-top-left-radius:78px;border-top-right-radius:78px}@keyframes rotate{to{transform:rotate(360deg)}}