.sec-title{align-items:center;display:flex;justify-content:center}.sec-title img{height:50px;margin-right:10px;user-select:none;width:50px}.toggle-navbar{backdrop-filter:blur(5px);background-color:rgba(0,51,102,.5);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.6em;left:50px;opacity:0;padding:5px 10px;position:fixed;top:22px;transition:opacity .3s ease-in,visibility .3s ease-in,background-color .3s ease-in;visibility:hidden;z-index:101}.toggle-navbar:hover{filter:brightness(1.8)}.toggle-navbar.active{opacity:1;visibility:visible}.toggle-navbar:before{transform:translate(-50%,-50%) rotate(45deg)}.toggle-navbar:after{transform:translate(-50%,-50%) rotate(-45deg)}.navbar{background-color:transparent;border-radius:0 0 15px 15px;display:flex;justify-content:center;padding:30px 0;position:sticky;top:0;transition:background-color .3s ease;width:100%;z-index:100}.navbar-list{background-color:transparent;border-radius:15px;display:flex;list-style:none;margin:0;opacity:0;padding:0 35px;transform:translateX(-100%);transition:background-color .3s ease-in,transform 1s ease-in-out,opacity .8s ease-in,visibility 1s ease-in-out;visibility:hidden}.navbar-list.show{opacity:1;transform:translateX(0);visibility:visible}.shrink-nav{backdrop-filter:blur(5px);background-color:rgba(0,51,102,.5);z-index:-1}.navbar-list li{margin:0 30px;user-select:none}.navbar-list a{align-items:center;color:#fff;font-family:Poppins,sans-serif;font-size:1.2em;text-decoration:none;text-shadow:1px 2px 2px #000;transition:color .3s ease}.navbar-list a:hover{color:#d3d3d3a8}#name{font-size:clamp(2.2em,3.4em,3.4em);margin-bottom:8px}#name::selection{color:#fa0000}#short-desc{font-size:clamp(.5em,1.15em,1.15em);margin-top:0;max-width:570px;text-align:left}#role{color:#39ff14;font-size:clamp(.5em,1.25em,1.25em);height:60%;margin:0;width:100%}.about-me{align-items:center;animation:slideX 1s ease-out forwards;box-sizing:border-box;display:flex;height:auto;justify-content:center;margin:145px auto 0;max-width:1000px;min-height:200px;padding:0 20px;width:80%}.avatar-container{align-items:center;animation:rgb-box 6s ease-in-out infinite;background:linear-gradient(90deg,#4a90e2,#50e3c2);border-radius:50%;display:flex;height:20vw;justify-content:center;margin-left:5px;margin-right:50px;max-height:270px;max-width:270px;min-height:200px;min-width:200px;overflow:hidden;padding:0;transition:box-shadow .5s ease-in-out;width:20vw}.avatar{border-radius:50%;height:20vw;max-height:270px;max-width:270px;min-height:200px;min-width:200px;object-fit:cover;object-position:center 80%;user-select:none;width:20vw}.role-container{align-items:center;display:flex;flex-direction:row;height:40px;justify-content:center;margin-bottom:20px;width:280px;width:425px}.role-container img{display:block;height:60px;margin-right:10px;user-select:none;width:60px}.social{align-items:center;animation:slideY 1s ease-out forwards;display:flex;flex-direction:column;justify-content:center;margin-top:110px}.social-links{align-items:center;display:flex;justify-content:center}.social a{align-items:center;display:flex;margin:0,auto;pointer-events:none;text-decoration:none;width:100%}.social h3{color:#fff;font-family:Poppins,"sans-serif";font-size:clamp(.5em,1.2em,1.2em);margin:0 0 0 10px;pointer-events:auto;text-align:center;text-decoration:none;text-shadow:3px 3px 5px #000;transition:text-shadow .3s ease;user-select:none}.social-icon{align-items:center;background:#fff;border:1px solid #ccc;border-radius:50%;box-shadow:2px 2px 5px 1px #000;display:flex;height:5vw;justify-content:center;margin-left:45px;max-height:35px;max-width:35px;min-height:30px;min-width:30px;overflow:hidden;pointer-events:auto;transition:box-shadow .3s ease;user-select:none;width:5vw}.social a:hover .social-icon{box-shadow:3px 3px 5px 1px gray;transform:translateX(2px);transform:translateY(-2px);transition:all .1s ease-in}.social a:hover h3{text-shadow:3px 3px 5px gray;transform:translateX(2px);transform:translateY(-2px);transition:all .1s ease-in}.social-icon img{border-radius:50%;cursor:pointer;height:100%;margin-top:15px;object-fit:cover;width:100%}.skills .sec-title{margin-bottom:48px}.skills{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:130px;opacity:0;transform:translateY(50px);transition:opacity 1s ease-out,transform 1s ease-out}.skills-container{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-bottom:50px;transition:all 1s ease}.skills-container:last-child{margin-bottom:0}.skill{align-items:center;display:flex;margin:0 15px}.skill img{background-color:#122d51;border-radius:23%;box-shadow:0 0 5px 6px #122d51;height:80px;margin:0 40px;user-select:none;width:80px}.skill-info{align-items:center;display:flex;flex-direction:column}.skill h3{align-items:center;display:flex;flex-direction:row;font-size:clamp(.5em,1.3em,1.3em);justify-content:center;margin-bottom:13px;text-align:center;transition:margin-right 2s ease;width:90px}.skill h4{margin:0}.skill h4::selection{color:inherit}.lv0{color:gold}.lv1{color:#32cd32}.lv2{color:#ff8c00}.skills-container .skill:first-child img{margin-left:0}.progress-bar{background-color:#007bff;border-radius:15px;padding:5px 10px}.skill:hover{transform:scale(1.05);transition:all .1s ease-in-out}.projects .sec-title{margin-bottom:48px}.projects{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:130px;opacity:0;transform:translateY(50px);transition:opacity 1s ease-out,transform 1s ease-out}.projects-container{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-bottom:50px}.projects-container:last-child{margin:0}.project{background-color:#122d51;border-radius:10px;box-shadow:0 0 5px 6px #122d51;margin-right:50px;overflow:hidden;padding:15px;transition:all 1s ease;user-select:none}.project:last-child{margin:0}.project:hover{box-shadow:0 0 5px 6px #122d51,0 0 15px 20px hsla(0,0%,100%,.2)}.introduce{align-items:center;display:flex;flex-direction:row;justify-content:center}.introduce img{border-radius:35%;height:120px;margin-right:20px;object-fit:contain;width:120px}.info h3{font-size:clamp(.5em,1.3em,1.3em);margin:0 0 5px}.tech img{background-color:#007bff;border-radius:50%;height:25px;margin-top:12px;width:40px}.info .tech:last-of-type img{margin-top:5px}.desc{display:block;font-size:clamp(.5em,1.25em,1.25em);max-height:100%;max-width:310px;padding:15px 8px;text-align:justify}.desc h4{margin:0;text-align:left}.overview{display:flex;justify-content:flex-end}.overview a{border:none;display:inline-block;pointer-events:none;text-decoration:none}.overview img{display:block;height:25px;margin-right:8px;pointer-events:auto;width:40px}.overview a:hover img{cursor:pointer;transform:scale(1.2);transition:all .1s ease-in-out}.overview a:last-child img{margin:0}.contact{align-items:center;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(50px);transition:opacity 1s ease-out,transform 1s ease-out}.email-container input{background-color:hwb(211 2% 85%);border-radius:12px;color:#fff;font-family:Poppins,"sans-serif";font-size:clamp(.9em,1.2em,1.2em);height:40px;padding-left:15px;text-align:left;text-shadow:1px 2px 2px #000;width:500px}.email-container input:active,.email-container input:focus{outline:none}.copy-email,.send-email{background-color:#007bff;border:2px solid #0056b3;border-radius:12px;height:35px;margin-top:8px;padding:0 5px;text-decoration:none;transition:background-color .3s,border-color .3s;width:70px}.tooltip-copy{background-color:#333;border-radius:12px;bottom:4px;color:wheat;font-family:Montserrat,"sans-serif";font-size:clamp(.2em,.9em,.9em);opacity:0;padding:12px;position:absolute;text-shadow:2px 2px 4px rgba(0,0,0,.5);transform:translateX(-110%);transition:opacity .3s,visibility .3s;visibility:hidden;white-space:nowrap}.tooltip-send{background-color:#333;border-radius:12px;bottom:4px;color:wheat;font-family:Montserrat,"sans-serif";font-size:clamp(.2em,.9em,.9em);opacity:0;padding:12px;position:absolute;text-shadow:2px 2px 4px rgba(0,0,0,.5);transform:translateX(10%);transition:opacity .3s,visibility .3s;visibility:hidden;white-space:nowrap}.copy-btn:hover .tooltip-copy{opacity:1;visibility:visible}.send-btn:hover .tooltip-send{opacity:1;visibility:visible}.copy-email:hover,.send-email:hover{background-color:#0056b3;border-color:#003d7a;cursor:pointer}.send-email.disabled{cursor:default;pointer-events:none}.success{background-color:#28a745;border:2px solid #28a745}.success:hover{background-color:#28a745;border:2px solid #28a745;cursor:default}.main-footer{align-items:center;background-color:#001f3f;border-radius:10px 0;box-sizing:border-box;display:flex;flex-direction:column;height:150px;justify-content:center;margin-top:150px;padding:20px;width:100%}.main-content{text-align:center}.main-content h2:first-child{margin-bottom:10px}.main-content h2{margin:0}.credits{align-self:flex-start;left:100px;margin:0;position:absolute;text-align:center}.credits h2{color:#daa520}.credits h2,h3{margin:0}.footer-social{align-self:flex-end;display:flex;flex-direction:row;margin:0;pointer-events:none;position:absolute;right:100px;text-align:center}.social-widget{align-items:center;background:#ccc;border:1px solid #ccc;border-radius:50%;box-shadow:2px 2px 5px 1px #000;display:flex;height:5vw;justify-content:center;margin-left:45px;max-height:35px;max-width:35px;min-height:30px;min-width:30px;overflow:hidden;pointer-events:auto;transition:box-shadow .3s ease;user-select:none;width:5vw}.social-widget:hover{transform:scale(1.1)}