*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#73766a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.navbar{background:#73766a;padding:20px 5px}.navdiv{display:flex;align-items:center;justify-content:space-between;margin-left:40px;margin-right:40px}.navicon{height:50px;width:50px;margin-left:80px}.navname{font-family:Audiowide,sans-serif;font-size:40px;color:#2d4354;text-transform:uppercase}.hero-block{display:flex;justify-content:center;align-items:center;flex-direction:column}.hero-name{color:#fed7a5;font-size:70px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;margin-top:25vh;overflow:hidden;white-space:nowrap;border-right:3px solid;width:0;animation:typing 2.5s steps(20,end) forwards,blink .7s step-end infinite}@keyframes typing{to{width:26.9%}}@keyframes blink{50%{border-color:transparent}}.under-name{font-weight:700;font-size:24px;color:#2d4354;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.phrase{padding-top:15px;font-size:30px;color:#2d4354;font-weight:700;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.bandeira{height:20px;width:20px}.under-name-wraper{display:flex;align-items:center;gap:10px;padding-bottom:10px}.links{margin:15px;background-color:#534154;width:135px;height:50px;border:none;cursor:pointer;border-radius:10px;color:#fed7a5;box-shadow:#0000002b 0 -23px 25px inset,#00000026 0 -36px 30px inset,#0000001a 0 -79px 40px inset,#0000000f 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px;background:linear-gradient(45deg,#534154,#9e6752,#2d4354);background-size:600% 600%;transition:all 1s ease-in-out}.links:hover{background-position:right center;transform:scale(1.1);transition:all .5s ease-in}.container{display:flex;align-items:center;gap:1vw}.content-box{overflow:hidden;width:600px;height:600px;margin:45vh 15px 50px;border-radius:5px;background-color:#2d4354;box-shadow:#0000008f 0 22px 70px 4px}.stack-name{padding-top:30px;display:flex;justify-content:center;align-items:center;color:#73766a}.stack-front{display:flex;flex-wrap:wrap;gap:60px;justify-content:center;padding:16px}.tech-front{width:120px;height:60px;position:relative;overflow:hidden;border-radius:50px;color:#18181a;display:inline-flex;align-items:center;justify-content:center;font-size:20px;padding:24px;text-decoration:none;cursor:pointer;background:#fed7a5;user-select:none;-webkit-user-select:none;touch-action:manipulation;text-align:center;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}.tech-front span:first-child{position:relative;transition:color .6s cubic-bezier(.48,0,.12,1);z-index:10;display:flex;align-items:center;gap:8px}.tech-front span:last-child{color:#fed7a5;position:absolute;bottom:0;transition:all .5s cubic-bezier(.48,0,.12,1);z-index:100;opacity:0;top:50%;left:50%;transform:translateY(225%) translate(-50%);height:10px;line-height:13px}.tech-front:after{content:"";position:absolute;bottom:-50%;left:0;width:100%;height:100%;background-color:#9e6752;transform-origin:bottom center;transition:transform .6s cubic-bezier(.48,0,.12,1);transform:skewY(9.3deg) scaleY(0);z-index:50}.tech-front:hover:after{transform-origin:bottom center;transform:skewY(9.3deg) scaleY(2)}.tech-front:hover span:last-child{transform:translate(-50%) translateY(-100%);opacity:1;transition:all .9s cubic-bezier(.48,0,.12,1)}