nav{background-color:transparent;position:sticky;top:0;z-index:1000}.nav-container{display:flex;justify-content:space-between;align-items:end;max-width:1200px;margin:auto;padding:0 1rem}.nav-links{display:flex}.nav-links a{color:#fff;padding:14px 20px;text-decoration:none;text-align:center;transition:background-color .3s ease}.nav-links a:hover{background-color:#1abc9c}.hamburger{display:none;flex-direction:column;cursor:pointer}.hamburger div{width:25px;height:3px;background-color:#fff;margin:4px;transition:.3s}.hamburger.active div:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active div:nth-child(2){opacity:0}.hamburger.active div:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav{display:none;flex-direction:column;width:100%;background-color:#34495e}.mobile-nav a{padding:14px;border-top:1px solid #1abc9c;color:#fff;text-decoration:none}.mobile-nav a:hover{background-color:#1abc9c}@media (max-width: 768px){.nav-links{display:none}.hamburger{display:flex}.mobile-nav{display:none;flex-direction:column}}.show{display:flex!important}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006;padding-top:60px}.modal-content{background-color:#fefefe;margin:5% auto;padding:20px;border:1px solid #888;width:80%;max-width:500px;border-radius:10px}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}