:root{--color-dark:#2a2a2a;--color-secondary:aquamarine;--text-color:#979494;--name-color:gold;--shadow:4px -2px 40px 9px #80808076}.fira-code-namefont{font-optical-sizing:auto;font-family:Fira Code,monospace;font-style:italic;font-weight:bolder}.playwrite-ie-contactfont{font-optical-sizing:auto;font-family:Playwrite IE,cursive;font-style:italic;font-weight:300}.space-mono-bold{font-family:Space Mono,monospace;font-style:normal;font-weight:700}html{scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}.title{color:var(--color-secondary);text-align:center;-webkit-text-decoration:underline var(--name-color);text-decoration:underline var(--name-color);text-underline-offset:10px;font-size:3rem;font-weight:bolder}.wrapper{background:var(--color-dark);min-height:100vh}nav{box-shadow:var(--shadow);background-color:var(--color-dark);color:var(--text-color);z-index:1000;padding:1rem 0;position:sticky;top:0}nav .navbar{justify-content:space-between;align-items:center;padding:.5px 0}.name{justify-content:space-between;gap:5px}.brazz{font-family:"Jersey 20",sans-serif;font-size:2rem;font-style:normal;font-weight:400}.liness{background:var(--color-secondary);width:4px;height:50px}.nav-job-title{justify-content:center;align-items:center;font-size:1.2rem;display:flex}.navigation{gap:2rem;font-weight:700;list-style:none}.navigation li:hover{color:var(--color-secondary);transition:all .5s;transform:scale(1.3)}.hero-terminal{width:100%;margin-top:20px;padding:3rem}.info{flex:1;animation:2s ease-in-out appear}@keyframes appear{0%{opacity:0}to{opacity:1}}.avai{color:#7fffd4;font-size:2rem}.full-name{color:var(--name-color);font-size:3.5rem;line-height:1.2}.job-title{color:var(--text-color);letter-spacing:3px;margin-bottom:15px;font-size:20px;font-weight:bolder}.typing{white-space:nowrap;width:0;animation:2.5s ease-out infinite typing;display:inline-block;overflow:hidden}@keyframes typing{0%,10%{width:0}45%,50%{width:100%}90%,to{width:0%}}.desc{color:var(--text-color);margin-top:10px;font-size:20px}.btn-section{gap:3rem;display:flex}.btn-section a{color:var(--text-color);border:1px solid var(--color-secondary);border-radius:20px 1px;padding:19px;font-size:1.5rem}.btn-section a:hover{animation:.3s ease-in-out shake}@keyframes shake{0%,to{transform:translateY(0)}25%{transform:translateY(-4px)}75%{transform:translateY(4px)}}.terminal{border:1px solid #8f8e8ea4;flex:1;animation:1s ease-in-out bounce}@keyframes bounce{0%{transform:translateY(-70px)}60%{transform:translateY(20px)}80%{transform:translateY(-25px)}to{transform:translateY(0)}}.terminal-bar{box-shadow:var(--shadow);justify-content:space-between;display:flex}.icon{gap:.5rem;padding:10px;display:flex}.file-name{color:#ffffff9d;padding:10px}.dot{width:20px;height:20px;padding:10px, 14px;border-radius:50%}.r{background:red}.y{background:#ff0}.g{background:green}.code{padding:20px}.code-line{gap:2rem;margin:10px;padding:8px;display:flex}.v-name{color:red}.value{color:#08e008}.t-cursor{vertical-align:middle;background:green;width:9px;height:16px;margin-left:10px;animation:1s infinite blink;display:inline-block}.banner{border-radius:30px;flex-wrap:wrap;align-items:center;padding:2rem}.achievement{color:var(--name-color);font-size:5rem;font-weight:1000}.banner1 span{color:var(--color-secondary);opacity:.5;font-size:2rem}.banner1{flex-direction:column;flex:1 1 0;align-items:center;min-width:0;margin-left:10px;padding:2rem}.skill-box{border-radius:10px;align-items:center;margin-left:2px;padding:2rem;transition:all .3s ease-in-out}.skill-content{flex-wrap:wrap;justify-content:space-between;align-items:center}.skill-content i{color:var(--name-color);justify-content:center;align-items:center;margin-bottom:2rem;font-size:5rem}.skill-content p{color:var(--color-secondary);font-size:2rem}.skill-box:hover{box-shadow:var(--shadow);transform:scale(1.02)}.card:hover{border:1px solid var(--color-secondary);box-shadow:var(--shadow)}.card-edit{background:var(--color-dark);color:#b1a6a6}.tools{color:#979494;border:2px solid var(--color-secondary);background:#0122222f;border-radius:20%;padding:10px;font-style:italic}.card-links:hover{color:#7fffd4;border-radius:20%;font-style:italic;transition:all .5s;transform:scale(1.3)}.about-name{color:#7fffd4;font-size:3rem}.bio p{color:var(--text-color);letter-spacing:3px;font-size:1.1rem;line-height:2.2}.hobbies-icon{color:var(--text-color);border:solid 1px var(--color-secondary);border-radius:10px;padding:5px}.hobbies-icon:hover{color:var(--color-secondary);transition:all .5s;transform:scale(1.3)}.contact-container{border:1px solid var(--text-color);border-radius:20px}.firstline{color:var(--color-secondary);font-size:4rem}.secondline{color:var(--name-color);font-size:5rem}.contact-in{color:var(--color-secondary);font-size:2rem}.contact{color:var(--color-secondary);gap:2rem;font-size:50px}.contact-me span{color:var(--text-color);font-size:1.5rem}.emailcontact{background:var(--text-color);color:#fff;border-radius:50px;margin-top:2rem;padding:1rem}.emailcontact span{color:var(--color-dark);font-size:1.5rem}.email-logo{background-color:var(--color-orange);border-radius:50%;width:2rem;height:2rem}footer{color:var(--text-color);border-top:1px solid var(--color-secondary);box-shadow:var(--shadow)}.goup{color:var(--color-secondary);border-radius:50%;width:60px;height:60px;font-size:50px;position:fixed;bottom:50px;right:50px}.goup :hover{transition:all .2s ease-out;transform:scale(1.3)}#hamburger .hide-box{display:none!important}.hamburger-icon,[for=hamburger]{display:none}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}#hamburger,[for=hamburger]{display:none}@media (width<=768px){.title{font-size:2rem}[for=hamburger]{cursor:pointer;display:block}.menu{background:var(--color-dark);width:250px;height:100vh;box-shadow:var(--shadow);transition:all .5s;position:fixed;top:5rem;left:100vw}.navigation{flex-direction:column;font-size:1.3rem}.navigation li{padding-left:2rem;line-height:2.5rem}.slide{left:calc(100vw - 250px)}.hero-terminal{padding:1rem}.full-name{font-size:2.5rem}.avai{font-size:1.5rem}.btn-section{flex-wrap:wrap;gap:1rem}.btn-section a{padding:12px;font-size:1rem}.banner{border:1px solid var(--color-secondary);flex-wrap:wrap;align-items:center;gap:1rem;margin:5px;padding:12px}.achievement{color:var(--name-color);font-size:1.5rem;font-weight:900}.banner1 span{color:var(--color-secondary);opacity:.5;font-size:.5rem}.banner1{flex-direction:column;align-items:center;margin-left:10px}.skill-box{text-align:center;flex:1;justify-content:center;align-items:center;padding:12px;transition:all .3s ease-in-out}.skill-content{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem}.skill-content i{color:var(--name-color);justify-content:center;align-items:center;margin-bottom:2rem;font-size:2rem}.skill-content p{color:var(--color-secondary);font-size:1rem}.about-name{color:#7fffd4;font-size:2rem}.bio p{color:var(--text-color);letter-spacing:3px;font-size:.9rem;line-height:2.2}.image-box img{max-width:200px;height:auto}.firstline{color:var(--color-secondary);font-size:2rem}.secondline{color:var(--name-color);font-size:2.5rem}.contact-in{color:var(--color-secondary);font-size:1.5rem}.contact{color:var(--color-secondary);gap:1rem;font-size:25px}}